Forum HikaShop General Talk about HikaShop CSS - Option text and Price
Bienvenue, Invité
Nom d'utilisateur: Mot de passe: Se souvenir de moi
  • Page:
  • 1

SUJET: CSS - Option text and Price

CSS - Option text and Price il y a 11 mois 1 semaine #54062

  • Huski
  • Portrait de Huski
  • En ligne
  • Messages: 150
  • hikashop essential
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
Dernière édition: il y a 11 mois 1 semaine par Huski.
L'administrateur à désactivé l'accès en écriture pour le public.

Re: CSS - Option text and Price il y a 11 mois 1 semaine #54182

  • nicolas
  • Portrait de nicolas
  • En ligne
  • Messages: 29987
  • Remerciements reçus 2391
  • MODERATOR
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; }
L'administrateur à désactivé l'accès en écriture pour le public.

Re: CSS - Option text and Price il y a 11 mois 1 semaine #54188

  • Huski
  • Portrait de Huski
  • En ligne
  • Messages: 150
  • hikashop essential
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.
L'administrateur à désactivé l'accès en écriture pour le public.

Re: CSS - Option text and Price il y a 11 mois 1 semaine #54189

  • nicolas
  • Portrait de nicolas
  • En ligne
  • Messages: 29987
  • Remerciements reçus 2391
  • MODERATOR
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.
L'administrateur à désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: Huski
  • Page:
  • 1
Temps de génération de la page: 0.265 secondes

Follow hikashop on Twitter