Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 10, 2017 at 9:39 am #775337
    CelebrationEvents

    I allready dound this code in the forum, but i doesnt work on my website.
    htps://www.celebrationevents.nl/contact/portfolio/

    #js_sort_items .text-sep {
    display: none;
    }

    #js_sort_items a {
    display: inline-block;
    float: none;
    margin: 0 5px 0 5px;
    }

    .sort_by_cat {
    text-align: center;
    }

    Can anyone help me on this matter?

    Kind Regards Gilbert

    April 11, 2017 at 5:51 am #775792
    Rikard

    Hey Gilbert,

    Please try the following in Quick CSS under Enfold->General Styling:

    .inner_sort_button {
    background-color: blue;
    border-radius: 3px;
    padding: 5px;
    color: white;
}

    Best regards,
    Rikard

    April 11, 2017 at 8:52 am #775881
    CelebrationEvents

    Thanxs Rikard, that works!

    Is there a way to give the “all catgory” button a different color than the other catgories ?

    Gilbert

    April 11, 2017 at 1:21 pm #775994
    Victoria

    Hi Gilbert,

    This is how you can give color to all category, but you might want to give a different color to current category instead.

    
.av-sort-by-term a:first-child span.inner_sort_button {
    background-color: #c72cbe;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 11, 2017 at 5:41 pm #776210
    CelebrationEvents

    Thaxs Victoria for your sugestion

    Can you advise me to color the active category?

    Is it also possible to hide the ” / ” between the categories?

    Thanxs once again.

    April 12, 2017 at 5:56 am #776456
    Rikard

    Hi,

    You can target the active category using this CSS:

    .active_sort span {
your CSS here
}

    You can hide the separators using this CSS:

    .av-masonry-sort .text-sep {
  display:none;
}

    Best regards,
    Rikard

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