Widget specific CSS

[AJ]

AJ

February 16, 2016 at 5:08 pm

So, I’m displaying a widget on my site , that is being pulled from off site. That is to say, the code I’m using doesn’t include what is actually being seen. It’s just telling my site to pull the widget from another location.

Does that make any sense?

Insurance widget

If you look on the ‘Travel Insurance’ tab, you can see the widget that’s being pulled in.

The problem is that the H1 on this widget is being affected by my site wide theme H1 settings. But te company who supplies teh widget, World Nomad, have requested that i adhere to their ‘brand identity’ and don’t change their font.

Any idea the CSS necessary to leave their widgets H1 untouched? The company told me:

“It should be a pretty easy fix to select individual headers within the CSS. It would be a case of selecting the div and giving it an ID or a class and then giving it an individual h1 font. The font style that we use is ‘Ubuntu’ and it’s available from google fonts.”

I can’t use Google Fonts, because I’m in China, so any majik words you might have in your bag of tricks would be highly appreciated.

Thanks!!