CSS - Option text and Price

  • Posts: 301
  • Thank you received: 1
11 years 10 months ago #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_default but not sure which other view the actual code is in and then how to add another span in.

Thanks

Last edit: 11 years 10 months ago by Huski.

Please Log in or Create an account to join the conversation.

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
11 years 10 months ago #54182

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 or Create an account to join the conversation.

  • Posts: 301
  • Thank you received: 1
11 years 10 months ago #54188

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 or Create an account to join the conversation.

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
11 years 10 months ago #54189

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->Views.

The following user(s) said Thank You: Huski

Please Log in or Create an account to join the conversation.

Time to create page: 0.058 seconds
Powered by Kunena Forum