Lifestyle Pro – customise sidebar widget headings

[TraceyR]

Hi there,

I'd like to change the font family and font colour on the sidebar widgets for a test site, which is using Lifestyle Pro (newly purchased).

In the old version of Lifestyle I could amend this with the CSS "#sidebar h4" but this isn't working Lifestyle Pro - the CSS for the headings in the primary sidebar is just "h4" which would impact h4 across the whole site, not just in the sidebars.

This is the customer's test site URL : http://thesimplewebinarcompany.com/lulu/
I've imported a Google font which I'd like to use there.

thanks
Tracey

http://thesimplewebinarcompany.com/lulu/

[frobin]

I too would like the change the font style in my sidebar headings, does anyone know how to do this?

[TraceyR]

I eventually found a solution (sadly I can't find the link where) - I wanted to add in 2 additional Google fonts

1 - added the following to the theme function file (make sure you take a backup first!!)
//* Enqueue scripts - additional GOOGLE FONTS
add_action( 'wp_enqueue_scripts', 'minimum_enqueue_scripts' );
function minimum_enqueue_scripts() {
wp_enqueue_style( 'minimum-google-fonts', '//fonts.googleapis.com/css?family=IM+Fell+English:400|Old+Standard+TT:400', array(), CHILD_THEME_VERSION );
}

2 - updates the style.css as follows :
/* change sidebar heading font & colour */
.sidebar .widget-title {
color: #D50100;
font-family: "IM Fell English", "Old Standard TT", Courier, Arial, serif; /* TLR */
}

You can see the result in this screenshot: http://screencast.com/t/AqlZ7PRalg

Hope that helps!
Tracey

[Author]

Posts