S2Member Affects my CSS

[tristrella]

Hi,

I found out that S2Member affects my sites CSS. The site works fine in Mozilla Firefox, however in IE8 and Google Chrome, there are some elements that are different from the original theme.

The Post Dates on my homepage overflows from the small boxes in IE8 and Google Chrome
http://thewomenoffacebook.com

I tried to deactivate S2Member and the issue is fixed.



I want to integrate S2Member on my site, but it caused some problem on my themes CSS, please help resolve the issue. I think it overrieds my CSS.

Thanks.

[FrancescoRizzi]

Hey tristrella,
I looked at your site and see that the dates wrap around. I used Chrome to see if I could spot the 'offending' CSS rule (right-click > inspect element) and oddly, all the rules regarding the font-size for the dates were crossed over, as if something else was overriding them.

I checked the rules included on your site for s2Member and didn't spot any apparent offender: they all deal with the login form.

I wonder if there is any javascript running that may be overriding the font-size on the page - which could explain the odd scenario presented with all the CSS rules being crossed over.
One thing that seemed to work for me was to add a style CSS on the <span> with the dates (eg: font-size: 9px !important;)
If you have access to the template generating the date spans, this may be a possible work-around.

(of course, it may be better to hunt down the root cause among the js scripts)
HTH