Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 28, 2018 at 4:55 pm #1038591
    esther nijhuis

    Hi Enfold-people :-)

    I would like to make a change in my widget shop overview page (sidebar):
    https://skicenter-edelweiss.nl/webshop/
    Now you see the head-categories and the (sub)categories as a menu, they all have the same font specifics. I would like to make a difference between the head-categories (‘Ski’ and ‘Skischoen’) and the (sub)categories (the rest).
    Is it possible to make the font of the head-categories bold or bold-with-different-color?

    Tnx in advance!

    November 28, 2018 at 8:47 pm #1038713
    Jordan Shannon

    Hey esthernijhuis,

    Add this to quick css:

    .cat-parent a{
font-weight:bold!important;
color:red!important;
}

    Best regards,
    Jordan Shannon

    November 28, 2018 at 9:04 pm #1038721
    esther nijhuis

    Hi Jordan,

    Thanks for your help so far :-)

    With this quick css all the categories are bold and colored…
    Do you have another suggestion?

    Best regards,
    Esther

    November 28, 2018 at 10:10 pm #1038749
    Jordan Shannon

    Hi,

    Can you screenshot the area you need help with?

    Best regards,
    Jordan Shannon

    November 29, 2018 at 12:31 pm #1038909
    esther nijhuis

    Hi Jordan,

    I put your code (with different color) in quick css. This is the screenshot of the area: https://imgur.com/a/s7vlsq9
    Everythin is now bold and colored. I only want the words in blue circle to be bold en colored. The other words can stay black (as the were).

    November 29, 2018 at 12:44 pm #1038913
    esther nijhuis

    In the next screenshot you can see the 2 words (categories) are parents, the rest isn’t: https://imgur.com/0GCDjBh
    I hope you can help me with this issue :-)

    Thanks!

    November 30, 2018 at 2:31 pm #1039312
    Victoria

    Hi esthernijhuis,

    https://cl.ly/23b2138bd95f You have this code in your Quick css somewhere, it is making the links green and then you want to override it? You need to remove that code.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#top #woocommerce_product_categories-2 .product-categories .cat-parent > a{
  font-weight:bold;
  color:red;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 1, 2018 at 11:55 am #1039624
    esther nijhuis

    Hi Victoria,

    Yeah, this works!
    Thanks for your help!

    Best regards,
    Esther

    December 2, 2018 at 5:51 am #1039771
    Vinay

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘2 different fonts in shop overview page’ is closed to new replies.