Several font issues in Woocommerce

  • Resolved amlong2

    (@amlong2)


    6 years, 9 months ago

    Hello everyone,

    I have been successful in finding CSS code to solve a lot of my issues using these fora! What a great place for support.

    I have a couple of small final issues on my website that I can’t seem to locate answers for:

    1. On the Shop page (https://misneach.ca/shop/, I want to change the category font to Over the Rainbow and make it larger. I’ve tried several things, but nothing’s worked so far. Any suggestions?

    2. Also on the shop page, under “Celtic Pouches” there is the text “see more”that is in blue and I would like it to be black.

    3. On the individual product pages, the text “category” and “tags” are in grey and I would like this font to be black. An example: https://misneach.ca/product/navy-blue-canvas-with-beige-leather-leather-straps/

    Many thanks for your help!
    Angela

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

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

  • 1. Have you downloaded the font to somewhere on your site. We need the url for it.

    2. This is coming from:
    wp_content/uploads/sass/wc_sort_display.min.css?ver=15etc
    which is not a usual place for a style file. Did you put it there intentionally or has one of your plugins put it there. Its difficult to know what to advise as its not the usual setup.

    3. Try:

    .woocommerce.single-product .product_meta span:not(.sku),
.woocommerce .single-product .product_meta span:not(.sku) {
  color: #000 !important;
}

    Custom css goes at: Appearance > Customize > Additional CSS.

    Thread Starter amlong2

    (@amlong2)

    Hi,

    Thanks so much for your reply.

    1. I have the font from Easy Google Fonts plug-in. I’m not sure where I would find the URL for it on my site. Is this it?

    https://misneach.ca/wp-admin/options-general.php?page=easy-google-fonts

    2. I honestly don’t know. I think it is most likely from Woocommerce, as it is the plug-in that I use for my shop and it’s the Woocommerce interface that I use to add items to the shop. I don’t have enough knowledge to intentionally put anything anywhere. :). This one isn’t a huge deal, just a nice to have.

    3. It worked! Thanks so much!

    Thanks again for responding.

    Cheers,
    Angela

    I tried Easy Google Fonts. It seems it works without us having to know the font url. The category name fonts are H2s, so:

    Appearance > Customise > Typography > Default Typography > Heading H2 > Font Family dropdown set to Over the Rainbow.

    Thread Starter amlong2

    (@amlong2)

    The funny thing is that is what it is set to. I’ve tried numerous times to change the font this way, as I thought it was H2, but it doesn’t change it. I’ve tried all of those settings (H1-6) and none of them work for this particular heading. So strange.

    Thread Starter amlong2

    (@amlong2)

    I’m wondering if it has to do with the WooCommerce Product Sort and Display LITE plug-in? It’s the plug-in that has organized the shop. When I de-activate it, the headings are in Over the Rainbow. But then my shop is a disorganized mess.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Several font issues in Woocommerce’ is closed to new replies.