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

#   CSS - Option text and Price

##

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

Less More

- Posts: 301
- Thank you received: 1
-
-

14 years 4 months ago -  14 years 4 months ago [\#54062](#54062) by [Huski](/forum/user/3364-huski "View Huski's Profile")  *[CSS - Option text and Price](/forum/2-general-talk-about-hikashop/54062-css-option-text-and-price#54062 "Hi Can't work out how to change the styling on the text for the option and option price  Price including chosen option: $ 66.00  I want the price to show a different colour to the main text and can change the colour for the css span but it changes the whole lot.  I can see it in views/show&#95;default but not sure which other view the actual code is in and then how to add another span in.  Thanks")* was created by *[Huski](/forum/user/3364-huski "View Huski's Profile")*

Hi
Can't work out how to change the styling on the text for the option and option price

Price including chosen option: $ 66.00

I want the price to show a different colour to the main text and can change the colour for the css span but it changes the whole lot.

I can see it in views/show_default but not sure which other view the actual code is in and then how to add another span in.

Thanks

Last edit: 14 years 4 months ago by [Huski](/forum/user/3364-huski "View Huski's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU0MDYyLWNzcy1vcHRpb24tdGV4dC1hbmQtcHJpY2U/dG1wbD1tYXJrZG93bg==) 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: 86555
- Thank you received: 14304
-
-

14 years 4 months ago [\#54182](#54182) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS - Option text and Price](/forum/2-general-talk-about-hikashop/54062-css-option-text-and-price#54182 "Hi Can't work out how to change the styling on the text for the option and option price  Price including chosen option: $ 66.00  I want the price to show a different colour to the main text and can change the colour for the css span but it changes the whole lot.  I can see it in views/show&#95;default but not sure which other view the actual code is in and then how to add another span in.  Thanks")*

You should be able to do that in CSS. No need to change the code.
For example:
.hikashop_product_page .hikashop_product_price_full{ color: blue !important; }

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

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

Less More

- Posts: 301
- Thank you received: 1
-
-

14 years 4 months ago [\#54188](#54188) by [Huski](/forum/user/3364-huski "View Huski's Profile")  Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: CSS - Option text and Price](/forum/2-general-talk-about-hikashop/54062-css-option-text-and-price#54188 "Hi Can't work out how to change the styling on the text for the option and option price  Price including chosen option: $ 66.00  I want the price to show a different colour to the main text and can change the colour for the css span but it changes the whole lot.  I can see it in views/show&#95;default but not sure which other view the actual code is in and then how to add another span in.  Thanks")*

Doesn't work on the option text line and price which appears to be combined
The css id is called hikashop_product_price_with_options_main. I want to add 2 styles to that line - one for the text part "Price including chosen option:" and one for the option price so I can style both seperately. Currently both are combined and have one style.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU0MDYyLWNzcy1vcHRpb24tdGV4dC1hbmQtcHJpY2U/dG1wbD1tYXJrZG93bg==) 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: 86555
- Thank you received: 14304
-
-

14 years 4 months ago [\#54189](#54189) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS - Option text and Price](/forum/2-general-talk-about-hikashop/54062-css-option-text-and-price#54189 "Hi Can't work out how to change the styling on the text for the option and option price  Price including chosen option: $ 66.00  I want the price to show a different colour to the main text and can change the colour for the css span but it changes the whole lot.  I can see it in views/show&#95;default but not sure which other view the actual code is in and then how to add another span in.  Thanks")*

Ah yes, that text is inside one html element and can't be separated in CSS.
If you want to do that, you'll have to edit the file "option_price" via the menu Display-&gt;Views.

The following user(s) said Thank You: [Huski](/forum/user/3364-huski "View Huski's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU0MDYyLWNzcy1vcHRpb24tdGV4dC1hbmQtcHJpY2U/dG1wbD1tYXJrZG93bg==) 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.066 seconds

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