Richard,
Let’s find the styles you’ll need to edit your widgets to fit your design. Here’s what to do:
- Go to the Theme Options page and select the Styling tab.
- At the top of that tab, choose yes to include custom styling.
- Scroll down to the Custom CSS box and paste this:
h4.widget-title,
h2.widget-title {
font-size: 30px;
color: #ffffff;
border-color: #ffffff;
}
To adjust the size, change the 30 to the number of pixels you’d like to have the widget titles displayed as. The color: #ffffff; sets the text color and the border-color: #ffffff sets the color of the line that’s at the bottom of the widget titles. You can replace those colors (#ffffff) with the hex color code you’d like to have there. You can use one of the color selectors on the styling tab to help you choose one if you need to.
- For the text and background colors in your widgets, you can use this style:
.widget {
background-color: #000000;
color: #fffffff;
}
Just replace the #000000 with the background color you’d like to have for your widgets (by default it will take whatever the content area is set to use, but this will override that). Also change the #ffffff to alter the text color.
- Save your changes.
The current version of Progress does not have built-in options to choose a font so you’ll need to use a plugin to do that. The WP Google Fonts plugin is a good one that will let you select from Google’s library of web fonts.
If you have any questions or trouble, just let me know.
Thanks,
Bill