I found out how to change the background color of the Single Project Page Navigation are background (CC - .bottom_controls), but would like to change the normal font and icon color to white. Can you please let me know?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.bottom_controls #portfolio-nav ul:first-child #all-items a i {
background-color: #fff !important;
box-shadow: -.5em 0 #fff, -.5em .5em #fff, .5em 0 #fff, .5em -.5em #fff, 0 -.5em #fff, -.5em -.5em #fff, 0 .5em #fff, .5em .5em #fff;
}
#portfolio-nav a i, #portfolio-nav a i {
color: #fff !important;
}
#portfolio-nav #prev-link a, #portfolio-nav #next-link a {
color: #fff !important;
}
Hello-
I found out how to change the background color of the Single Project Page Navigation are background (CC - .bottom_controls), but would like to change the normal font and icon color to white. Can you please let me know?
Thank you!
Attached files: Screenshot 2025-02-28 at 11.49.03 AM.png
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
This works beautifully, thank you so much!!