Price amount size

I know how to change the price amount size.
I’ve used the code:

.product-template-default .price .amount {
    font-size: 35px;
}
.archive .price .amount{
   font-size: 30px;
}

The problem is the “buy” button lost the position property I had.

.woodmart-hover-standard .btn-add {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}

How do I keep the button absolute with the price amount size changed?

Well.. Now I can’t have the add to cart button in full and change the size of price amount.
Can you give me the correct css for this?

Hello,

Please provide page URL where you want to change the amount. Remove the code you have added.

Best Regards

I want to change in all the products pages.
Can you provide me the code for bigger add to cart button in page products and bigger price amount in page products?
Also, I couldn’t add an image carousel in the product description.
Check the link.

I solved the add to cart size with:

.btns-shop-light .single_add_to_cart_button{
width:100%;
}

In the price amount sizes I’m using:

.product-template-default .price .amount {
    font-size: 35px;
}
.archive .price .amount{
   font-size: 30px;
}

Both prices are with same font size in product page.

My other question is related to add an image carousel in the product description. When I add a carousel the size is always full even when I change it to thumbnail or medium.

Hello,

Why don’t you use the product gallery to show image carousel? If you add Image gallery element you can set fixed size 200×200 for example, however, I would recommend setting full to ensure the best quality of the pictures.

Best Regards

Will use it for plus information. Key information… When I set it to 200×200 it keeps in full..

Please answer my other question.
Where can I change the price amount promotion size?

.product-template-default .price .amount {
    font-size: 35px;
}
.archive .price .amount{
   font-size: 30px;
}

I tried to change the font size. Normal price and discounted price keeps with same font size.

Hello,

Your code is working https://gyazo.com/c111939f3c0b50d4af19a8b87094d8e6

You are using a single image element. And you set “Large” Please deactivate third parties plugins not related to the theme and check the issue again.

Best Regards

Yes, I saw that!
You didn’t answer my question again.
I want to change only the font size of the discount amount price above add to cart button.
Right now the normal price, discounted price, and prices of related products are with big font sizes.
What is the css code to change only the amounts prices above add to cart button? I don’t want the related products to have big font sizes in product pages.
I will send you images. Hope you can understand now.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .price ins .amount{
    font-size: 10px;
}
.product-template-default .price ins .amount {
    font-size: 10px;
}

Change the size as per your needs.

Best Regards

Thank you Elise for your reply.
But this code only changes the font-size of price amount with discount. The other products have normal font-size.
Check this image from the products in the store.
How to change the size of the price amount above add to cart button only on the product page for all the products with a discount and without a discount? The related products in product page need to have normal font-size.

Attachments:

You must be logged in to view attached files.

I solved. Theme settings>Typography>Advanced typography.

Thank you

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts