getpeppered

Perhaps it’s also worth mentioning that I added the script in the header.php, because I don’t have a .js file in my Child theme. Lukas Steinman provided the code for both putting it in a .js file as well as a different code if putting it in header.php.

Hi WPyogi,

Thanks, I have tried to add this to the CSS code, but it didn’t work. I added it at the bottom of the page.

Is there anything else I can try?

Thanks!

Hi WPyogi,

I made a few changes, but the bold issue seems to be because Chrome (user agent css) actually overrides the style sheet. Do you know how to get around that?

TNX Femke

I have Firefox on a regular computer, which is where the fonts are bold (as per my request)..Chrome doesn’t bold. I noticed in the validator that there are parse errors and from what I gathered that could be a semi-colon error…so that might have something to do with it?

@wpyogi! Thank you SOOOO much, I really appreciate your help! That fixed it in Firefox and IE looks much better as well. The only problem I have now is with the bolding that doesn’t work in Chrome (it does in Firefox). I can’t see which errors in the validation would correlate with that. Also, which validation CSS level did you use?

@mat: Thanks! I changed the !doctype, but that didn’t make a difference.

@wpyogi: I did read the page you linked to. I don’t know, though, which level of CSS I am using — I didn’t create it myself…how can I figure that out? I tried validating using CSS 2.1 and it says that there are sparse errors…but I have no clue what that means. Any words of wisdom on that?

Thank you for your quick response. I am not sure what validating means. What kind of CSS and markup errors do you see? I have been looking at my css but can’t quite figure it out…

Hi Wassimo,

Neither of those options worked. Actually, it seems like the problem is with the different browers. As of today, Firefox and IE pages look in total disarray, whereas Chrome shows the page properly except without the bold.

I am totally confused.

Esmi,

I checked “inspect element” in IE, and it shows that the bold is being overridden. How do I figure out what overrides it?

Thanks, Femke

Esmi, yes I did install firebug as well…tried to work with that a little bit, but on Firefox it works so I still can’t figure out what’s wrong…

Thanks Wassimo,

Does it always have to be after a? Because this one doesn’t work either:

#tagline01 h1 {
font:bold 18px/30px “JaynePrintHand”;
color:#ffa066;
white-space:nowrap !important;
font-family: JaynePrintHand;
}

The weird thing is that it does work on Firefox, but not on IE or on Chrome…

Hi esmi,

I installed Firefox, and it actually bolds there…but not in IE or Chrome. I can’t figure out why that is…?? Also installed the firebug, but that’s not giving me any answers either unfortunately.

Femke

Thanks! This is awesome, very easy changes!

If anyone knows how to add a sidebar … or how to put widgets to the left of the posts in any other way … that’d be perfect.