How to avoid theme-fonts in HTML-ads in sidebar

[CharlieL]

I guess there are some "best habits" when it comes to producing HTML-ads for a sidebar.

I want to avoid the fonts and typography that is used in the theme.

Now I have put some HTML-code into a Text-widget in order to use it as an ad in the sidebar. I have defined CSS-styles for the HTML-code in the Text-widget, but the theme-fonts overrides my definitions in the CSS. The ad is like a small complete HTML-page.

Should I link to a separate style sheet (like ad_styles.css) in order to override the theme fonts or do you know any other method? Are there any best habits or recommended methods for HTML-ads?

The ad is not published yet so I can´t include an URL. Sorry for that.

[Christoph]

Hi,

without seeing the code, I guess that you have to make your css selectors more specific.
http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Specifics on CSS Specificity

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[CharlieL]

Thank you for your answer Christoph,
And thanks a lot for two good guides on specificity. I think I have to go a bit deeper into them.

Otherwise it would be very interesting to hear developers habits with HTML-ads. Do you use iFrames? How do you deal with responsiveness for Ads? Or do you simply make an image of the Ad to make tha task easy? Or is is only AdSense that counts?

[Author]

Posts