Navigation
Archive / Styling the filter by topic box
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 10, 2017 at 1:59 pm #1366248
    Kim g
    Participant

    Hello-

    On our homepage/blog, how can I customize the colors of the filter by topic box at the top?
    http://vegainstitute.org/

    I would like to change the border color and the inside color of the arrow box on the right.

    look forward to your response.

    February 10, 2017 at 9:57 pm #1366674
    Prasant Rai
    Moderator

    Hello Kim,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    a.x-index-filters.cf {
    border-color: #ddd;
}

i.x-icon-chevron-down {
    border-color: #ddd !important;
}

i.x-icon-chevron-down {
    color: #ddd;
}

    Thanks.

    February 11, 2017 at 3:00 pm #1367227
    Kim g
    Participant

    almost there thank you!

    The line to the left of the arrow down is still black…see screenshot.

    February 11, 2017 at 3:23 pm #1367245
    Kim g
    Participant

    nevermind! was a parsing error. When I checked my CSS on CSS lint i found the error and once fixed it solved this issue. Thanks for the help!

    February 12, 2017 at 12:43 am #1367611
    Christopher
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1366248 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>