- This topic has 7 replies, 3 voices, and was last updated 6 years, 10 months ago by
.
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.
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.aspAnd 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 teamGreat, 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 🙂
