Home Forums WoodMart – Premium Template Price amount size

This topic contains 12 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 2 months, 1 week ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #107021

    afc90
    Customer

    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?

    #107022

    afc90
    Customer

    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?

    #107052

    Hello,

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

    Best Regards

    #107086

    afc90
    Customer

    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.

    Private Content Hidden
    • This reply was modified 2 months, 1 week ago by  afc90.
    #107090

    afc90
    Customer

    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.

    #107123

    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

    #107124

    afc90
    Customer

    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.

    #107138

    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

    #107141

    afc90
    Customer

    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.
    #107213

    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

    #107299

    afc90
    Customer

    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.
    #107302

    afc90
    Customer

    I solved. Theme settings>Typography>Advanced typography.

    Thank you

    #107310

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

    Best Regards

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

The topic ‘Price amount size’ is closed to new replies.