Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 11, 2018 at 4:07 am #910711
    stovetopchicago

    I have a woocommerce product grid on my front page. Since my website is both my artists portfolio and ecommerce platform I thought I might want to either hide or change text size/style of prices on the front page woocommerce product grid.

    But when people click through, I want them to go to the product page with prices.

    Any short-code to eliminate the price or control the fonts separately?

    Thank you.
    Stephan

    February 12, 2018 at 11:03 am #911006
    Victoria

    Hey Stephan,

    We can help you hide prices with css, you just need to give us a link to the page where you want them hidden.

    Best regards,
    Victoria

    February 12, 2018 at 10:31 pm #911405
    stovetopchicago

    Hi Victoria,
    Would that be just some code that is put into the quick CSS?

    Or is it more complicated?

    I’d kind of like to play with price fonts first and then see what it looks like before I eliminate it entirely.

    And then be able to go back if I don’t like it.

    Thanks,
    Stephan

    February 13, 2018 at 11:14 am #911612
    Victoria

    Hi Stephan,

    This is the kind of code you can play with:

    
 #top .price span.woocommerce-Price-amount  {
   font-size: 14px;
  font-family: cursive;
 }

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 21, 2018 at 7:22 pm #915630
    stovetopchicago

    Hi Victoria,

    Ok, thank you, that works, and a pretty good choice for a new font right of the bat.

    What if I wanted to eliminate the price in the thumbnail view only. Another words leave the price on the product page, but hide it in my front-page product masonry?

    Thank you,
    Stephan

    February 21, 2018 at 7:47 pm #915642
    Jordan Shannon

    Hi,

    Try adding this to quick css:

    #av-masonry-1 .woocommerce-Price-amount.amount{
display:none!important;
}

    Best regards,
    Jordan Shannon

    February 21, 2018 at 11:07 pm #915762
    stovetopchicago

    Hi Jordan,

    Thanks, that works.

    A informational follow up question:
    If I’m adding quick css to my page am I slowing it down?

    Thanks, Stephan

    February 21, 2018 at 11:11 pm #915765
    Jordan Shannon

    Hi,

    Great I’m glad that worked. CSS can effect page speed, but its more so if the site is having to download multiple external stylesheets.

    Best regards,
    Jordan Shannon

    February 21, 2018 at 11:38 pm #915779
    stovetopchicago

    Ok, thank you all, you can mark this closed.
    Stephan

    February 21, 2018 at 11:58 pm #915782
    Jordan Shannon

    Hi,

    We’re glad to help. If you need further help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Hide or change text size/style of prices on woocommerce product grid’ is closed to new replies.