Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #798097

    Hello,

    I have woocommerce products on my Enfold theme website. For some reason the price is REALLY small. I have added the below css to change the styling of the price on a different page but taking it out doesn’t seem to affect the product page price and i don’t know what else could be affecting it.

    How do i make it larger?

    /*product list price size*/
    span.woocommerce-Price-amount.amount {
    font-size: 2em;
    font-weight: bold;
    margin-right: 18px;
    margin-left: 10px;
    }

    #798226

    Hey w_archer,

    It looks like the site you linked to is in construction mode, could you post login details so that we can see the actual pages please?

    Best regards,
    Rikard

    #798602

    Apologies. login detail below.

    #798631

    Hi,

    I added the following to quick css:

    .price  span.woocommerce-Price-amount.amount, span.woocommerce-Price-currencySymbol{
    font-size:25px!important;
    line-height:64px!important;
    }

    Let me know if this is what you needed.

    Best regards,
    Jordan Shannon

    #997961

    @jordan: Let me answer this, as I have the same issue with small prices.

    Your provided CSS changes the price size. But it also changes it on category pages. And, what is more important, the CSS selector “span.woocommerce-Price-currencySymbol” changes the size of the currency symbol on the checkout page.

    Is there a way to increase the size of the product price only on product pages and remain the size on all the other pages?

    • This reply was modified 3 years, 5 months ago by  mingusme.
    #998074

    Hey mingusme,

    Yes it should be. Please provide a link to the page in which you are having the issue so we can look into this further.

    Best regards,
    Jordan Shannon

    #998362

    Hi Jordan,

    this is default so you should find this on any default page. But you can find my page here: https://www.fotozwei.de
    As this solution looked goofy and this is my production site, I truned it back. So right now you can’t find the issue as described above.
    You could try using this code on any default installation and then look at the checkout page.

    Best regards
    mingusme

    • This reply was modified 3 years, 5 months ago by  mingusme.
    #998556

    Hi,

    You could try the following to just target product pages:

    .product-template-default .woocommerce-Price-amount.amount{
    font-size:10px!important;
    }

    Adjust the size to what you would need.

    Best regards,
    Jordan Shannon

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

You must be logged in to reply to this topic.