Editing CSS for h1, h2, h3, h4, h5, h6 tags not working

Anonymous
August 27, 2012 at 5:07 am #32029

Quote:

No chance.

The whole following text is h5. “Step1-6” are not set to bold manually, but the first sentence is set manually bold.

If you look in the editor all of these sentences appear bold with the exactly same font like they should do.

Take a look now on http://snbchf.com/eurocrisis/the-german-stance-on-the-euro-crisis/

Do you see the different fonts ?

My child style.css

/*

Theme Name: Graphene Child

Theme URI: http://example.com/

Description: Child theme for the Graphene theme

Author: Your name here

Author URI: http://example.com/about/

Template: graphene

Version: 1.0

*/

@import url(“http://snbchf.com/wp-content/themes/graphene/style.css”);

/* Your modification goes here */

h1, h2, h3, h4, h5, h6 {

font-weight: bold !important;

}

}

Anonymous
August 27, 2012 at 5:21 am #32030

Again a reply sent after I pressed “edit quote”â€¦

As for the main issue I got the following insight.

Take a look on this page:

http://snbchf.com/eurocrisis/the-german-stance-on-the-euro-crisis/

I use a heading3, not set to bold manually. In the editor it is shown bold.

When I open this page (nothing in the cache, I opened them for the first time), in two different browsers and put the two browsers close to each other: One with Firefox Windows emulator on Mac (left side) and with Firefox on Mac (right side).

The same page and the heading font are displayed differently ! See the difference

The issue seems to happen only on Mac.

With Opera and MS explorer on Windows the heading is shown correctly bold (according to the child CSS).

I have checked also on a Windows computer. The headings which should be set bold by the child CSS are correctly set to bold.

Anonymous
August 27, 2012 at 5:54 am #32031

I opened another page to show the difference.

Left is Mac (Firefox), Right is Windows (Firefox), the heading font is not set manually in the editor, but should be taken from the CSS

–> Mac does not show bold, Windows shows bold

Second example: set manually to bold in the wordpress editor.

left is Mac (Firefox), Right is Windows (Firefox)

–> Both Mac and Windows show bold
Anonymous
August 27, 2012 at 10:47 am #32032
There is an extra closing bracket } in your child theme style sheet. Remove it.
```
h1, h2, h3, h4, h5, h6 {

font-weight: bold !important;

}

}
```
Remove the second }
Anonymous
August 27, 2012 at 10:55 am #32033

All H1 to H6 tags are in bold on your site.

Example,

The current post title looks like this,

With font-weight: normal it would’ve been like this,

Anonymous
August 27, 2012 at 11:33 am #32034

I actually had removed the bracket before.

Again, a picture: Left on Windows emulator (Firexfox), right on the Mac (Firefox).

Mac shows normal weight, Windows show bold.

Please open the site on a mac, otherwise you will not be able to understand

Anonymous
August 27, 2012 at 11:36 am #32035

Quote:

Please open the site on a mac, otherwise you will not be able to understand

I don’t have a mac machine. I’ve visited your site on Linux with Firefox. Everything looks fine with that combination.

EDIT: It is probably a font related issue with Mac. Try using a different font.