Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 30, 2017 at 2:50 am #883274
    Itty

    Hello dear support,

    I use this code for changing the appearance of Masonry (by Portfolio) sort options:

    .av-sort-by-term a {
    color: black !important;
    font-size: 20px !important;
    border:1px solid #5d225b !important;
    background: #c88b5e !important;
    padding: 10px !important;
    }

    How can I change the background color and show a border only on the “active” sort option?

    Thanks so much for your help,
    Itty

    December 1, 2017 at 2:32 pm #883907
    Rikard

    Hey Itty,

    Thanks for the screenshot, where can we see the element in question?

    Best regards,
    Rikard

    December 1, 2017 at 5:29 pm #883954
    Itty
    December 2, 2017 at 7:25 pm #884177
    Itty

    Could someone help me with the upper problem, although it is the weekend?
    It would be extremely great.

    Also: I would love to be able to delete the “all” sorting option. When I try it, it still shows the first seperator (the dash: / )

    I still would like to know how to have a border only around the “active” sorting option.

    Thank you very much,
    Itty

    December 3, 2017 at 4:14 am #884237
    Mike

    Hi,
    You will need to change the border to 0px and remove the !important; from your custom css in this rule:

    .av-sort-by-term a {
  color: black !important;
  font-size: 20px !important;
  border:1px solid #5d225b !important;
  padding: 10px !important;
}

    The rule should look like this:

    .av-sort-by-term a {
  color: black !important;
  font-size: 20px !important;
  border:0px solid #5d225b;
  padding: 10px !important;
}

    And add this rule:

    .av-sort-by-term a.active_sort {
border: 1px solid #5d225b !important;
}

    Best regards,
    Mike

    December 3, 2017 at 4:18 am #884239
    Mike

    Hi,
    To remove the “All” sort option, try this solution

    Best regards,
    Mike

    December 3, 2017 at 8:18 pm #884387
    Itty

    Thanks, Mike!

    It worked fine.

    December 3, 2017 at 8:44 pm #884392
    Mike

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

    December 7, 2017 at 2:28 pm #886099
    Itty

    Yes, please :)

    December 8, 2017 at 12:42 am #886304
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sort Options: Border around the "active" sort option’ is closed to new replies.