[Skip to main content](#vessel-content)

#   New line in product name

##

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago -  6 years 7 months ago [\#316904](#316904) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#316904 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")* was created by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")*

-- url of the page with the problem -- : [ www.dykkerhulen.dk/webshop/produkt/1949-...category\_pathway-139](https://www.dykkerhulen.dk/webshop/produkt/1949-look/category_pathway-139)
-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.15
-- PHP version -- : 5.6.40
-- Browser(s) name and version -- : Google Chrome

Hi,

On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like:
Mask: Blue

But I need it to be showed like this:
Mask
Blue

I cant figure out how to get a "&lt;br&gt;" in the code to move the characteristics down to next line.

I have tried to fix it on the code here (product / show_default.php): Code:

&lt;h4 class="hhead-line-bottom"&gt; &lt;span id="hikashop_product_name_main" class="hikashop_product_name_main" itemprop="name"&gt; &lt;?php if(hikashop_getCID('product_id') != $this-&gt;element-&gt;product_id &amp;&amp; isset($this-&gt;element-&gt;main-&gt;product_name)) echo $this-&gt;element-&gt;main-&gt;product_name; else echo $this-&gt;element-&gt;product_name; ?&gt; &lt;/span&gt; &lt;/h4&gt;

As you can see on the attached photo its showed like:
*Look: Klar silikone / blå ramme*
But I need it as:
*Look*
*Klar silikone / blå ramme*

But was not able to manage it, can some one please advice?

- [ ![Image3.jpg](/forum/attachment/48950) ](/forum/attachment/48950 "Image3.jpg") [ ](/forum/attachment/48950?download=1 "Image3.jpg")

Last edit: 6 years 7 months ago by [Gerner](/forum/user/57983-gerner "View Gerner's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 652
-
-

6 years 7 months ago -  6 years 7 months ago [\#316908](#316908) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#316908 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hello,

I have I think a better solution for you, via css custom code follow me step by step :
**1.** First have a look on [ **this tutorial**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) to see how to add your css code.
**2.** Point your product title then, **right-click =&gt; Inspect** (or inspector tool)
**3.** Note your product name **html class** and create some custom css code, like this pseudo code :
**Ex :** **.product\_page\_html\_class span.title\_html\_class span {
display: block;
}**
**Details :**
**.product\_page\_html\_class** : is the product page class (in order that your custom css only works in your product page)
**span.title\_html\_class** : title container html class
**span** : Your variant name is always display in a "**&lt;span&gt;...&lt;/span&gt;**"

[ ![alt](https://i.imgur.com/WGdlymy.png) ](https://i.imgur.com/WGdlymy.png "alt")

Hope this will help you
Regards

Last edit: 6 years 7 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago [\#316963](#316963) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#316963 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hi,

Thanks for your reply. The CSS is all new to me and a difficult ![:/](/irritated.gif ":/")

When I follow your suggest and try to add my own codes i looks like:
Code:

.hhead-line-bottom hikashop_product_variant_subname span { display: block; }

But ti does not help. Maybe you can help me a little more. Maybe you can show how it should be so I can learn what CSS codes to use for next time?

Hope you can advise again and THANKS.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago [\#316976](#316976) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#316976 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Move subname / characteristics to new line.

When you go to the website and to a product the page look like this:
[ ![namewithoutsubtitle.jpg](/forum/attachment/48959) ](/forum/attachment/48959 "...utsubtitle.jpg")

Its where the product name is: Pearl I face the issue. The above photo is correct, but when you choose a size (characteristics) the page change to this:
[ ![namewithsubtitle.jpg](/forum/attachment/48958) ](/forum/attachment/48958 "...thsubtitle.jpg")

Now the product name says: Pearl: Pearl /S / Twilight

What I want is that the text look like this:
Pearl
Pearl /S / Twilight
when you choose a size (characteristics).

The blow code is from Google Chrome

---

Code:

&lt;span id="hikashop_product_name_main" class="hikashop_product_name_main" itemprop="name"&gt; Pearl &lt;span class="hikashop_product_variant_subname"&gt; Pearl / S / Twilight &lt;/span&gt;&lt;/span&gt;

---

But when I search for hikashop_product_variant_subname in all CSS files nothing show up! I was hoping that I could change something in there.

When I check the php file I can find the code:

---

Code:

&lt;h4 class="hhead-line-bottom"&gt; &lt;span id="hikashop_product_name_main" class="hikashop_product_name_main" itemprop="name"&gt; &lt;?php if(hikashop_getCID('product_id') != $this-&gt;element-&gt;product_id &amp;&amp; isset($this-&gt;element-&gt;main-&gt;product_name)) echo $this-&gt;element-&gt;main-&gt;product_name; echo $this-&gt;element-&gt;product_name; ?&gt; &lt;/span&gt; &lt;/h4&gt;

---

And that show the product name (Pearl), so if I remove that code the product name on the website disappeared and the same for the characteristics when that is chosen, but the above code don’t refer to the characteristics codes so I’m not able to add a &lt;br&gt; anywhere. Can some one tell me where the code are located for characteristics displayed on the product page?

- [ ![namewithsubtitle.jpg](/forum/attachment/48958) ](/forum/attachment/48958 "...thsubtitle.jpg") [ ](/forum/attachment/48958?download=1 "...thsubtitle.jpg")
- [ ![namewithoutsubtitle.jpg](/forum/attachment/48959) ](/forum/attachment/48959 "...utsubtitle.jpg") [ ](/forum/attachment/48959?download=1 "...utsubtitle.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 652
-
-

6 years 7 months ago -  6 years 7 months ago [\#316981](#316981) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#316981 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hello,

First point, note that you have to let your variant name empty, like on my screenshot :

[ ![alt](https://i.imgur.com/bwOUaz7.png) ](https://i.imgur.com/bwOUaz7.png "alt")

If you follow this, and unfortunately if that didn't fit your needs nevertheless, maybe I need to see your context, in this idea can you provide a **product page url**.

**Note :** You can use our [ **Contact us**](https://www.hikashop.com/support/contact-us.html) form to provide this url (and if required frontend access), don't forget to add to **your message an url link to this topic**.

Awaiting elements to progress on your subject.
Regards

Last edit: 6 years 7 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago [\#317016](#317016) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317016 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

THANKS ![:)](/media/kunena/emoticons/3.png ":)")

Email sendt with info.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14304
-
-

6 years 7 months ago [\#317028](#317028) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317028 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hi,

You don't need any CSS to do that.
You can just add a translation override like this:
HIKA_VARIANT_SEPARATOR="&lt;br/&gt;"
and it will do what you want.
[ www.hikashop.com/download/languages.html#modify](https://www.hikashop.com/download/languages.html#modify)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago [\#317072](#317072) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317072 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Thanks, I add the &lt;br&gt; and that works fine ![:)](/media/kunena/emoticons/3.png ":)")

I now try to do some small changes to the CSS and need an advice. In the shopping cart on the product page the text is placed in left side of the box and in the middle, but I would like to move it to the top, but I cant finde the right comando to do it. What I got is:
Code:

.hikashop_cart_module_enhanced .hikashop_cart_module_product_name_value.hikashop_cart_value a { display: block; text-align: left; margin-left: 3px; font-weight: bold; vertical-align: top; width: 280px; }

As you can see I tryed to add: vertical-align: top; and: vertical-align: text-top; but non of them move the text to the top. Please see attached photo.

Can anyone advice?

- [ ![Image2&#95;2020-04-02.jpg](/forum/attachment/48980) ](/forum/attachment/48980 "...2020-04-02.jpg") [ ](/forum/attachment/48980?download=1 "...2020-04-02.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14304
-
-

6 years 7 months ago [\#317076](#317076) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317076 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hi,

I'm not sure what you mean ?
You want to move the price up without moving the rest ?
You can use such CSS then:
[ monosnap.com/file/2KDE4yK8niqSEjXuGUNJ8pcLprrBvf](https://monosnap.com/file/2KDE4yK8niqSEjXuGUNJ8pcLprrBvf)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago -  6 years 7 months ago [\#317116](#317116) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317116 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Thanks for your reply. Sorry for not being clear in my question. It’s the text like:
Pearl
Pearl / M / Twilight
[ ![Image02.jpg](/forum/attachment/48990) ](/forum/attachment/48990 "Image02.jpg")

I would like it to be moved up to the same height as the top of the photo, so the text is on the top of the box and not centered vertical

Hope that make sense ![:)](/media/kunena/emoticons/3.png ":)")

- [ ![Image02.jpg](/forum/attachment/48990) ](/forum/attachment/48990 "Image02.jpg") [ ](/forum/attachment/48990?download=1 "Image02.jpg")

Last edit: 6 years 7 months ago by [Gerner](/forum/user/57983-gerner "View Gerner's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14304
-
-

6 years 7 months ago [\#317131](#317131) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317131 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hi,

Then, you can add such CSS: Code:

.hikashop_cart_module_enhanced .hikashop_cart_module_product_data { vertical-align: sub !important; }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Gerner](/forum/user/57983-gerner "View Gerner's Profile")**
- [![Gerner's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57983-gerner "View Gerner's Profile") Topic Author
- [ Offline](/forum/user/57983-gerner)

Less More

- Posts: 35
- Thank you received: 0
-
-

6 years 7 months ago [\#317148](#317148) by [Gerner](/forum/user/57983-gerner "View Gerner's Profile")  Replied by *[Gerner](/forum/user/57983-gerner "View Gerner's Profile")* on topic *[New line in product name](/forum/26-product-category-display/899422-new-line-in-product-name#317148 "-- url of the page with the problem -- :   www.dykkerhulen.dk/webshop/produkt/1949-...category&#95;pathway-139  -- HikaShop version -- : 4.2.3 -- Joomla version -- : 3.9.15 -- PHP version -- : 5.6.40 -- Browser(s) name and version -- : Google Chrome  Hi,  On my product page I have the product name and if there is any characteristics to the product its showed right after then mave like: Mask: Blue  But I need it to be showed like this: Mask Blue  I cant figure out how to get a &quot;&quot; in the code to move the characteristics down to next line.  I have tried to fix it on the code here (product / show&#95;default.php):  As you can see on the attached photo its showed like: Look: Klar silikone / blå ramme But I need it as: Look Klar silikone / blå ramme  But was not able to manage it, can some one please advice?")*

Hi - THANKS, it worked. I add this code:
Code:

.hikashop_cart_module_enhanced .hikashop_cart_module_product_data { display: inline-block; vertical-align: sub !important; width: 65%; }

So now everything is as it should be ![:)](/media/kunena/emoticons/3.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTk0MjItbmV3LWxpbmUtaW4tcHJvZHVjdC1uYW1lP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.093 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
