Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 23, 2017 at 7:47 am #798097
    w_archer

    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;
    }

    May 23, 2017 at 12:34 pm #798226
    Rikard

    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

    May 23, 2017 at 11:47 pm #798602
    w_archer

    Apologies. login detail below.

    May 24, 2017 at 12:30 am #798631
    Jordan Shannon

    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

    August 16, 2018 at 2:45 pm #997961
    mingusme

    @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 6 years, 3 months ago by mingusme.
    August 16, 2018 at 6:44 pm #998074
    Jordan Shannon

    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

    August 17, 2018 at 11:05 am #998362
    mingusme

    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 6 years, 3 months ago by mingusme.
    August 17, 2018 at 7:20 pm #998556
    Jordan Shannon

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.