[SOLVED] Atahualpa & SermonBrowser Styling Conflict
 

I'm having a styling conflict between Atahualpa and a plugin (SermonBrowser). The plugin creates a list on the appropriate page. Each item in that list should be separated by a thin line (see example here: http://www.sermonbrowser.com/demo/) This is indeed what happens on my site with other themes.

But, Atahualpa (which I LOVE and don't want to leave), has something in its styling that's overriding the plugin style and I can't seem to find it.

I'm running Atahualpa 3.7.13
I'm running WordPress 3.8
My site is: www.witheecac.org
The page this styling conflict affects is: http://www.witheecac.org/sermon-audio/
The plugin website is: http://www.sermonbrowser.com/

Anyone out there able to help my track down the conflict?

Thanks!

the problem is that the plugin's CSS qualifies some…not all, the CSS selectors with '#content'. That assumes that all themes will have an element with the ID of 'content', if a theme does not have it, then those CSS rules will not be applied. Atahualpa does not use an ID of 'content' so some…not all…of the CSS selectors do not match so the CSS rules are not applied.

Why they use it in some places and not others is a mystery to me, but you could
1) ask them about this
2) ask them to correct it
3) edit their CSS file and remove all the '#content' from the file
or
4) identify all teh problem areas and add similat code in the Atahualpa CSS Inserts without the '#content' in the selector.

Thank you, JuggleDad.

I used option #3 successfully (solved another preference issue simultanteously!) and very much appreciated. I had been tearing my hair out on this one.

I'm also going to pursue options #1 & #2. Have a great day!