-
AuthorPosts
-
August 14, 2020 at 3:17 pm #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 leftAnd 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, JoStudioAugust 16, 2020 at 10:17 am #1238112Hey Jolanda,
Could you post a link to where we can see the elements in question please?
Best regards,
RikardAugust 17, 2020 at 10:26 pm #1238632This reply has been marked as private.August 19, 2020 at 8:00 am #1239037Hi,
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,
RikardAugust 19, 2020 at 12:14 pm #1239144Hi 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 | NieuwsbriefThanks a lot and kind regards, Jolanda Zijp, JoStudio
August 24, 2020 at 4:04 pm #1240395Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.