Presidio: Change sidebar widget, interstitial, and/or scrolling navigation background colors
Use these code snippets to adjust the gray color of your sidebar widgets and interstitial backgrounds in the Presidio theme. It also includes code snippets to change the color of the Instagram feed background, and your scrolling navigation background. NOTE: The code below will not change the color of the Text widget in your sidebar. To adjust text widget colors, use this code hack.
Here is a quick demo to show you this Code Hack in action:
And here’s the code you need to implement it:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Add this code under Customize > Additional CSS. Swap out the #F1F1F1 with your preferred hex code for color. | |
*/ | |
/* | |
Sidebar widget background | |
*/ | |
.sidebar .widget { | |
background: #F1F1F1; | |
} | |
/* | |
Interstitial background | |
*/ | |
.interstitial:before { | |
background: #F1F1F1; | |
} | |
/* | |
Instagram (footer) background | |
*/ | |
#instagram { | |
background: #F1F1F1; | |
} | |
/* | |
Scroll Navigation background | |
*/ | |
#scroll-navigation { | |
background: #F1F1F1; | |
} |