Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 11, 2019 at 12:56 am #1146983
    soheylll

    Hi,

    Here I want to make two changes to the sort options in the portfolio grid element:

    1) I want to make it sticky so it always stays on top.

    2) I want the selected category to become underlined.

    Thanks

    October 12, 2019 at 1:01 pm #1147331
    Rikard

    Hey soheylll,

    I’m not sure if that would be easily achievable, but send us a link to where we can see the element in question and we’ll have a look at it.

    Best regards,
    Rikard

    October 17, 2019 at 6:38 pm #1149006
    soheylll

    Hey Rikard,

    I actually changed my mind about making the sort options sticky for now. So we can forget about it.

    But, I am looking for a quick CSS code to make the selected category in sort options bold or underlined. Right now, the selected category uses the secondary color which is good, but not very recognizable.

    The website is not published yet, so I can’t provide you with any public link. But if I’m still not clear about what I want, I can provide you with credentials in private message.

    Thanks much.

    October 18, 2019 at 7:15 am #1149134
    Rikard

    Hi,

    Thanks for the update. Please try this CSS in order to make the active sort option bold:

    .active_sort span {
  font-weight:700 !important;
}

    Best regards,
    Rikard

    October 18, 2019 at 8:08 pm #1149399
    soheylll

    Thanks, Rikard.

    October 18, 2019 at 8:52 pm #1149409
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

    October 19, 2019 at 12:55 am #1149441
    soheylll

    Hi,

    Actually, I am trying to do the same thing with the active tab with the following code:

    .js_active .active_tab {
    font-weight: bold;
    }

    But it doesn’t work.

    October 19, 2019 at 1:04 am #1149442
    soheylll

    also tried the following and got no result:

    .js_active .tab_titles { font-weight:900 !important; }

    October 19, 2019 at 1:25 am #1149445
    soheylll

    I found the following CSS working:

    .av-tab-section-container .av-active-tab-title { font-weight:900 !important; }

    Please close the topic.

    October 20, 2019 at 5:51 am #1149553
    Rikard

    Hi,

    Great, I’m glad that you found a solution and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Portfolio grid – Sticky Sort options – Underline selected category’ is closed to new replies.