Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2021 at 8:26 pm #1329740
    julhobart

    Hi! I’m having trouble customizing the product category pages. I am able to change the font size and color but I’d like the font to be lighter (less bold) and I’d like to apply a background color. Can you help?

    https://ade-medical.z4pby1v9-liquidwebsites.com/consumer-products/weight-scales/

    November 20, 2021 at 5:44 am #1329765
    Rikard

    Hey julhobart,

    Do you mean that you want the text under the images to lighter? And what would you like to apply a background to? Also, the page you linked to doesn’t seem to be a category page?

    Best regards,
    Rikard

    November 21, 2021 at 1:54 am #1329815
    julhobart

    Hi Rikard,

    Yes, I want the text under the images to be lighter. I used this code to get the font to be the size I want:

    .slide-entry-title.entry-title {
    font-size: 17px !important;
    }

    I was hoping, I could use this code to lighten the weight of the font:

    .slide-entry-title.entry-title {
    font-size: 17px !important;
    font-weight: 100;
    }

    But that didn’t do anything. I also tried font-weight: light;

    Any ideas?

    Also, you are right, it isn’t technically a product page! It is a regular page with the blog posts elements pulled in for each product. I would like to put a simple grey box with rounded corners around each product. Is that possible?

    Thanks!
    Julie

    November 21, 2021 at 11:34 pm #1329872
    Mike

    Hi,
    Please try this css:

    #top #wrap_all h3.slide-entry-title.entry-title {
font-size: 17px !important;
font-weight: normal;
}

    After applying the css, please clear your browser cache and check.
    Please note that not all fonts have a 100 font-weight available, thus the use of “normal” but you can try 100 if you want.

    Best regards,
    Mike

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