Thread Starter
salwen
(@salwen)
Thread Starter
salwen
(@salwen)
Thanks for answering, Can,
Yes i use it that way. I have tried everything virtually possible but it’s not working still. I am a writer and my blog is about fictional stories and so far i have managed without it but i desperately need help with this. I love the theme too much to change it
On this page: http://moskedapages.com/2014/05/30/comebacks-and-curves/, can you tell me what should be bold and isn’t? When I look at your site, I can see that the words “Monday”, “Share this:” (above your social links), “Google+” (right below the social links), “Leave a Reply”, “Name”, “Email, “Website”, and “Comment” (all from your comment form) are all bold.
Thread Starter
salwen
(@salwen)
Sorry, i should have specified exactly where.
The site is okay. But i can’t get to make the bold option or tag to work in my posts. Only the header comes out bold.
In the post
the first line is made bold. It shows in the visual editor but doesn’t do so when published.
When I view the page in Firefox, the first line is bolded, but when I view it in Chrome, it is not. And when I inspect the strong tag, I see this CSS rule:
strong {
font-weight: 600;
}
What I believe is happening is that Chrome doesn’t have a 600 font weight for Georgia loaded, which is not surprising because the standard font weight for bold is 700. So what I would do is change the CSS font-weight property for the strong element to either 700 (which Chrome does have) or bold.
I don’t know how you are entering your custom CSS (I see you have JetPack installed, but it doesn’t look like you are using JetPack’s custom CSS option), but try adding this rule:
strong {
font-weight: 700;
}
or this one:
strong {
font-weight: bold;
}
The reason why it looks OK in the Visual editor is that the editor doesn’t use the same CSS files as the theme.
When I view the page in Firefox, the first line is bolded, but when I view it in Chrome, it is not. And when I inspect the strong tag, I see this CSS rule:
strong {
font-weight: 600;
}
What I believe is happening is that Chrome doesn’t have a 600 font weight for Georgia loaded, which is not surprising because the standard font weight for bold is 700. So what I would do is change the CSS font-weight property for the strong element to either 700 (which Chrome does have) or bold.
I don’t know how you are entering your custom CSS (I see you have JetPack installed, but it doesn’t look like you are using JetPack’s custom CSS option), but try adding this rule:
strong {
font-weight: 700;
}
or this one:
strong {
font-weight: bold;
}
The reason why it looks OK in the Visual editor is that the editor doesn’t use the same CSS files as the theme.
When I view the page in Firefox, the first line is bolded, but when I view it in Chrome, it is not. And when I inspect the strong tag, I see this CSS rule:
strong {
font-weight: 600;
}
What I believe is happening is that Chrome doesn’t have a 600 font weight for Georgia loaded, which is not surprising because the standard font weight for bold is 700. So what I would do is change the CSS font-weight property for the strong element to either 700 (which Chrome does have) or bold.
I don’t know how you are entering your custom CSS (I see you have JetPack installed, but it doesn’t look like you are using JetPack’s custom CSS option), but try adding this rule:
strong {
font-weight: 700;
}
or this one:
strong {
font-weight: bold;
}
The reason why it looks OK in the Visual editor is that the editor doesn’t use the same CSS files as the theme.
Sorry for the repeated posts, but somehow an OL tag got inserted in a previous post and I was trying to close it.
Thread Starter
salwen
(@salwen)
Thank you so much, CrunchingBruin! it worked like magic!
sooo grateful
Great, glad it worked. However, I see that you edited the theme’s style.css file. Did you see the warning towards the top of the file that says WARNING! DO NOT EDIT THIS FILE!? The next time the theme gets updated (either because of a feature update or a security patch), your changes will be lost. You already have JetPack installed, so think about copying the rule into JetPack’s Custom CSS option. That will keep the change intact if the theme gets upgraded.
Thread Starter
salwen
(@salwen)
Thank you! Just did as you suggested. And in the future i will adhere to the warning.
You’ve been of great help
Hi,
I recently had this issue as well. Bold works in everything but chrome (which is weird because it’s looked fine for years); Crouching Bruin, where exactly do you place that file in the CSS? I copied and tried it but no change so not sure what I’m doing wrong.
I use Canvas, and have tried using their CSS file and Jetpack as well, and neither are working.
And I can post my own topic if needed but thought if I figured this out it would do the trick.
Thanks!
Michael
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to talk to WooThemes about implementing CSS modifications to their themes, not only because WooThemes have their own way of adding CSS modifications but because CSS is entirely theme-specific. You cannot apply CSS from one theme and expect it to work in another, unless the themes are very similar.
