Price amount size

This topic has 12 replies, 2 voices, and was last updated 6 years ago by Elise Noromit.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
February 12, 2019 at 2:09 am #107021
afc90
Participant
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?
February 12, 2019 at 2:19 am #107022

afc90
Participant

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?

February 12, 2019 at 8:22 am #107052

Elise Noromit
Member

Hello,

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

Best Regards

February 12, 2019 at 11:39 am #107086

afc90
Participant

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.

February 12, 2019 at 12:09 pm #107090
afc90
Participant
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.
February 12, 2019 at 3:24 pm #107123

Elise Noromit
Member

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

February 12, 2019 at 3:49 pm #107124
afc90
Participant
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.
February 12, 2019 at 5:54 pm #107138

Elise Noromit
Member

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

February 12, 2019 at 6:10 pm #107141

afc90
Participant

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.

February 13, 2019 at 9:22 am #107213
Elise Noromit
Member
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
February 13, 2019 at 4:42 pm #107299

afc90
Participant

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.

February 13, 2019 at 5:02 pm #107302

afc90
Participant

I solved. Theme settings>Typography>Advanced typography.

Thank you

February 13, 2019 at 5:54 pm #107310

Elise Noromit
Member

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

Best Regards
Author

Posts