Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 2, 2017 at 3:07 am #754035
    WP Turned UP

    Hello. The active color was pulling from Enfold -> Main Color. I’ve added the below CSS, to get the correct color. However, when I click on another item in the sort choices, the color stays at #666. I’d like the active sort item to be #000. I want the same look as this, in the new 2017 Demo.

    #top.page-id-13637 #main > div.container_wrap:nth-child(2) .av-masonry .av-masonry-sort a{
    color:#666666;
    }

    Thank you,
    Ryan

    March 6, 2017 at 11:56 pm #756653
    Nikko

    Hey accurIT,

    Please remove this css code:

    #top.page-id-13637 #main > div.container_wrap:nth-child(2) .av-masonry .av-masonry-sort a{
color:#666666;
}

    And replace it with:

    #top .av-sort-by-term .active_sort {
    color: #000 !important;
}

    Hope this helps.

    Best regards,
    Nikko

    March 13, 2017 at 5:40 pm #760126
    WP Turned UP

    Hello. Now the Green color is back. Here are the desirables, which match the demo.

    -Active sort color is Black
    -Non-active sort color is Light Grey
    -Hover sort color is Black

    Thank you,
    Ryan

    March 13, 2017 at 5:43 pm #760130
    WP Turned UP

    Okay, so now all sort items are set to Black. Need the non-active to be #919191.

    Thanks!

    March 14, 2017 at 7:28 am #760478
    Rikard

    Hi,

    Please try this instead:

    .auctions_sort_button span {
    color:#919191;
}

.active_sort {
    color: black;
}

    Best regards,
    Rikard

    March 14, 2017 at 3:09 pm #760754
    WP Turned UP

    The non-active sort text is not working. The non-active sort text should be anything other than Black and then I can adjust the color myself.

    I’m going after the same look at the new, 2017 Enfold demo.

    March 14, 2017 at 3:27 pm #760766
    Yigit

    Hi!

    I added following code to bottom of Quick CSS field in Enfold theme options under General Styling tab

    #top .av-sort-yes-tax .av-sort-by-term span {
    color: #999;
}
#top .av-sort-yes-tax .av-sort-by-term span:hover, #top .av-sort-yes-tax .av-sort-by-term .active_sort span {
    color: black;
}

    and flushed cache in Autoptimize and WP Total Cache plugins. Please review your website now :)

    Cheers!
    Yigit

    March 14, 2017 at 3:41 pm #760779
    WP Turned UP

    Perfect! Thank you.

    March 14, 2017 at 3:43 pm #760780
    Yigit

    Hi!

    You are welcome!
    Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Masonry – Sort – Active Color’ is closed to new replies.