Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1237846

    Hi there,
    I have a question: is it possible to change the styling of the portfolio categories. These are my categories on the page:

    Alle / Positioneren | Profileren / Mediarelaties | Woordvoering / Crisiscommunicatie / Participatie | Draagvlak / Stories | Jaarverslag | Magazine | Nieuwsbrief

    Because the names of the categories are quite long, I want :
    – more space between each of the categories
    – the letterfont slighly bolder
    – to center them instead of left

    And I rather want them shown like this (and also centered):

    ALLE
    Positioneren | Profileren / Mediarelaties | Woordvoering / Crisiscommunicatie
    Participatie | Draagvlak / Stories | Jaarverslag | Magazine | Nieuwsbrief

    So not shown all behind eachother…
    Is that possible?
    I hope you can help me…:-)
    Kind regards Jolanda Zijp, JoStudio

    #1238112

    Hey Jolanda,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    #1238632
    This reply has been marked as private.
    #1239037

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #js_sort_items {
        text-align: center; 
    }
    
    #js_sort_items .text-sep {
        padding: 0px 10px;
    }
    
    #js_sort_items a {
        font-weight: 600;
    }

    Best regards,
    Rikard

    #1239144

    Hi Rikard,
    Thanks a lot for your answer and code!

    – more space between each of the categories and the letterfont slighly bolder: YES these 2 works great :-))!
    – to center them instead of left: this doesn’t work, is their another code to realise it?

    And another thing is this question, see below. Maybe I didn’t explain it correct what I want. But I want the categories shown in 3 lines. Is that possible?
    1st line: ALLE
    2nd line: Positioneren | Profileren / Mediarelaties | Woordvoering / Crisiscommunicatie
    3rd line: Participatie | Draagvlak / Stories | Jaarverslag | Magazine | Nieuwsbrief

    Thanks a lot and kind regards, Jolanda Zijp, JoStudio

    #1240395

    Hi,

    Sorry for the delay. You can use this css code to move the sort buttons to the next lines.

    #top #js_sort_items .all_sort_button {
    	float: none;
    }
    
    #top #js_sort_items .all_sort_button + span {
    	display: none;
    }
    
    #top #js_sort_items .participatie-draagvlak_sort_button {
    	clear: left;
    }
    
    .text-sep.participatie-draagvlak_sort_sep {
        display: none;
    }

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

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