Presidio: Change font size and color of the featured interstitial title
The Featured Interstitial space sits just below the Featured Post, near the top of Presidio's Home Page. This Code Hack allows you to change the color and font size of the title that sits above your embedded widget.
Here's what this Code Hack looks like in action if you have enabled the Shopping Widget under Appearance > Customize > Shopping Widget.
Here's what this Code Hack looks like for all other types of widgets placed in the Featured Interstitial widget area.
And here's the code you need to implement it. Be sure to read the code carefully to grab the pieces relevant to the widget you've embedded!
This file contains hidden or 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 in your Dashboard by going to Appearance > Customize > Additional CSS. Copy and paste everything below! | |
| WRITING CSS FONT-SIZE: With CSS, font sizes can be written a few different ways: in percentages, points, or pixels. You can adjust the 100% | |
| below up or down (say, 90%, or 200%), or change the value to something like 20pt; or 20px;. | |
| */ | |
| /* | |
| Use this code for any widget in the Featured Interstitial space OTHER THAN the Shopping Widget. | |
| */ | |
| #interstitial-featured .widget-title { | |
| font-size: 100%; | |
| color: #000; | |
| } | |
| /* | |
| Use this code if you have enabled the Shopping widget under Appearance > Customize > Shopping Widget | |
| */ | |
| .shopping-widget-title { | |
| font-size: 100%; | |
| color: #000; | |
| } |