changing color of bar under navigation

Home Forums Jevelin Theme changing color of bar under navigation

Home Forums Jevelin Theme changing color of bar under navigation

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts
  • Is it possible to change the color of the line under the navigation to another color when selected?

     

    And also, can I make the top navigation hover color be the same as the selected color of the navigation?

     

    You can see from my home page: http://shinyleung.com/

    The Contact and About Me has a different hover color to the portfolio navigation.

     

     

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Hi @Shinykins,

     

    I hope you are well today and thank you for your questions.

     

    Is it possible to change the color of the line under the navigation to another color when selected?

    You can change it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-portfolio-filter-default .sh-filter-item.active:after {
            background-color: #e86086!important;
    }

    You can change the color value in the above code to whatever you want to use by referring the following pages.

     

    http://www.w3schools.com/html/html_colors.asp
    http://www.w3schools.com/html/html_colorvalues.asp
    http://www.w3schools.com/tags/ref_colorpicker.asp

     

    And also, can I make the top navigation hover color be the same as the selected color of the navigation?

    Please change it in the theme styling settings as shown in the attached screenshot.

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    Great, thank you! This was very helpful.

    Glad to hear that. 🙂

     

    Best regards,

    Shufflehound team

    For some reason now, after I added this customised css,

     

    .sh-portfolio-filter-default .sh-filter-item.active:after {
            background-color: #e86086!important;
    }

    to change the color of the line under the navigation to another color when selected, this doesn’t work anymore. It was working when I changed it in the beginning.

    Solution for this topic

    Could you please try using below custom CSS code instead?

    #page-container .sh-filter-item.active:after {
            background-color: #e86086!important;
    }

    Great that did the trick! Thanks.

    You are most welcome here 🙂

Viewing 8 posts - 1 through 8 (of 8 total)