Changing color and size of price in Cart

  • Posts: 5
  • Thank you received: 0
11 years 4 months ago #114844

Hi all,

I would like to change the color of the price of the product in the shopping cart. It is red now, and does not look good against the background.

Can someone point me to which CSS file to open to change that? I don't need help with colors, just nee to know where to find it.

Thanks in advance!

Kris Bulla

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
11 years 4 months ago #114885

Hi,

It will depend on your website configuration.
But in most cases it will be:

.hikashop_cart .hikashop_product_price { }
To edit the CSS file

In HikaShop, go to System -> Configuration -> Display, in the CSS part, click on the "edit" picture.
Here you can edit the Frontend or Backend CSS file.


Do not hesitate to read our documentations about styling:
www.hikashop.com/en/support/documentation/faq.html#css
www.hikashop.com/en/support/documentatio...the-display.html#css

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
Last edit: 11 years 4 months ago by Jerome.

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

  • Posts: 33
  • Thank you received: 0
9 years 8 months ago #194055

I cant find the file where to change it...

I only find:
1 Front-end gk_storefront - HikaMarket productmarket form_price
1 Front-end gk_storefront cart listing_price
1 Front-end gk_storefront checkout listing_price
1 Front-end gk_storefront product listing_price
1 Front-end gk_storefront product option_price

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

  • Posts: 13201
  • Thank you received: 2322
9 years 8 months ago #194094

Hi,

To find the css property to edit you have to use your browser console as explained in the tutorial given by Jerome (second link).

Then to edit the css file, do as shown in this screenshot:
take.ms/Dk3m2

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

  • Posts: 33
  • Thank you received: 0
9 years 8 months ago #194209

Can't edit... I dont see the pencil...

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
9 years 8 months ago #194270

Hi,

You must have an edit icon, if it is not displayed that's potentially because you had selected "none", saved, and then select "default" without saving so no icon displayed.

Please save with the "default" selected and try again. If you still don't see it so it is a css issue.
You can edit the frontend_default.css in the folder "media\com_hikashop\css".

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

Time to create page: 0.084 seconds
Powered by Kunena Forum