changing the font size for price and product title

  • Resolved aditiav

    (@aditiav)


    5 years, 9 months ago

    Hello ,

    I am trying to increase the font size of product title and price as well as changing the colour.I have added few lines in the CSS child theme (customizr-pro), but doesn’t work.
    .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price,
    .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price,
    .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
    color: #000; /* Change this */
    font-size: 25px; /*1.25em;*/
    font-weight: 200;
    text-align: center;
    }
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price {
    text-align: center;
    color: #000; /* This is what you MAY want to change color */
    font-weight: 400;
    font-size: 20px;
    }

    doesn’t work.
    Any help would be appreciated.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi.

    Try this:

    
/* Product Prices  */
.woocommerce-Price-amount.amount {
   /* price properties here */
}

/* Product Titles  */
.woocommerce-loop-product__title {
   /* title properties here */
}

    Make sure to Ctrl + F5 to reload the css changes.

    Thread Starter aditiav

    (@aditiav)

    hello,

    Thanks for the tip. It worked smoothly. I had added this previously but with h1.woocomme….and span…..but by removing the h1,it worked.

    Thanks again
    Aditi

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘changing the font size for price and product title’ is closed to new replies.

Tags