Change the size of this amount ONLY

  • Posts: 208
  • Thank you received: 10
3 years 9 months ago #332839

In the product page, I want this item to be larger only here.
I tried using CSS to make it larger and it did! But it also made it larger in the actual cart.

How can I change it only on this page?



Thanks
Pam

Attachments:

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

  • Posts: 83403
  • Thank you received: 13497
  • MODERATOR
3 years 9 months ago #332855

Hi,

In your CSS code, you must have done something like that:
.xxx { ... CSS styles... }
However, that xxx class name is used on both the product page and the cart.
So solution is to prefix your CSS class with another class only used on the product page in a HTML element parent of the area you're targeting.
For example, you could change your CSS to :
.hikashop_product_page .xxx { ... CSS styles... }
That way, it would work the same, but only on the product page.

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

  • Posts: 208
  • Thank you received: 10
3 years 9 months ago #332878

Hey thanks, I'll try that!!

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

  • Posts: 208
  • Thank you received: 10
3 years 9 months ago #332887

Eureka that worked! It changed it just fine!!! And left the font size in the actual cart the normal size!

.hikashop_product_price_main {
font-size: 4rem;
}

You're my hero.

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

Time to create page: 0.069 seconds
Powered by Kunena Forum