Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1165964
    Matthieu
    Participant

    Hey there,
    I’d like to have the same style for my categories and labels on my sidebar.
    Right now, they have different styles (see the image enclosed) and I’d like both to have the styles of the labels.
    Is that possible ?
    Thanks by advance for your help !

    #1165999
    Rupok
    Member

    Hi there,

    Thanks for writing in! Do you want to have same icon for them? Would you clarify a bit and provide your URL?

    Cheers!

    #1166015
    Matthieu
    Participant

    (message deleted)

    #1166016
    Matthieu
    Participant

    Sure ! Sorry about that !
    Icons are OK and titles too.
    It’s about the boxes below those titles :
    I like the style of the first block with Éligibilité, Valorisation.. (I changed my mind, in my first message I wanted to get rid of that style…)
    I’d like to have the labels shown with the same exact style : One block with rounded corners, etc.
    I send you another picture that I hope will help.
    URL is http://canopee-innovation.com/actualites

    #1166172
    Lely
    Moderator

    Hi There,

    Thank you for the clarification.
    Please use add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

    .widget_tag_cloud .tagcloud a:first-child, .widget_product_tag_cloud .tagcloud a:first-child {
        border-top-width: 1px;
        border-radius: 6px 6px 0 0;
    }
    .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a {
        margin-bottom: 0;
        margin-top: 0;
        border-top-width: 0;
        border-radius: 0;
        width: 100%;
        padding: 0.65em 0.85em;
        line-height: 1.5;
        font-size: 16px;
        text-align: left;
        text-transform: none;
        color: #727272;
    }
    
    .widget_tag_cloud .tagcloud a:last-child, .widget_product_tag_cloud .tagcloud a:last-child {
        border-radius: 0 0 6px 6px;
    }
    

    Hope this helps.

    #1166226
    Matthieu
    Participant

    Almost perfect !
    Just one detail left : the links are underlined on categories and not on labels. I kind of prefer not underlined.
    What code should be added to remove those underlines ?

    #1166468
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .widget ul li a, .widget ol li a {
        border: none;
    }

    Hope it helps,

    Joao

    #1166692
    Matthieu
    Participant

    Awsome !
    thank you 🙂

    #1166813
    Rahul
    Moderator

    Glad it worked for you.

    Let us know if we can help with anything else.

    Thank You.

  • <script> jQuery(function($){ $("#no-reply-1165964 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>