Oxygen theme: How to add Post / Pages Titles in Bold

jejorge2009 · Member · Dec 26, 2015 at 7:21 pm
Copy link

Add topic to favorites
Dear friends:

I’m trying to use the Oxygen theme in a website with premium plan.

I want to use Post and Pages Titles in bold. i’m not an expert in CSS and I’m not sure how to do it, since I don’t find font-weight attribute to modify it.

Oxygen’s CSS is in this link:

https://s1.wp.com/wp-content/themes/pub/oxygen/style.css?m=1360153398g&minify=false

Any help will be welcomed.

Thanks in advance !!
jamiegiannini · Member · Dec 26, 2015 at 10:24 pm
Copy link
Hi there, you’ll want to add font-weight property to your H1.
```
h1 {
        font-weight: bold;
}
```
jejorge2009 · Member · Dec 26, 2015 at 10:36 pm
Copy link
Hi, jamiegiannini:

Very kind of you.

So I should go to the following part of the CSS:

/* Headings */
h1,h2,h3,h4,h5,h6
etc..

and I would have to add the code you indicate.

Did I understand ?
jamiegiannini · Member · Dec 27, 2015 at 12:32 am
Copy link
Just copy and paste that code snippet into your CSS editor.

You can add custom CSS to your WordPress.com blog using the CSS Editor in the Appearance → Customize → CSS panel in your blog dashboard.

Let me know if that helps!
jejorge2009 · Member · Dec 27, 2015 at 8:30 pm
Copy link
Dear Jamiegiannini:

Yes, it works ! I see how to do it.

One more thing. I want page titles in black, not in grey (#ccc). Should I add the following code?

.page-title {
color: #111;
}
jamiegiannini · Member · Dec 29, 2015 at 8:21 pm
Copy link
You got it! Nice, look at you writing CSS. :-)
jejorge2009 · Member · Dec 29, 2015 at 9:08 pm
Copy link
Thanks for your encouragement, Jamie !!

But my last idea doesn’t work:

.page-title {
color: #any color;
}

That is, page titles remain that pale grey no matter the color I add to this code.

Some ideas?
jamiegiannini · Member · Dec 29, 2015 at 9:23 pm
Copy link
Give this a try:
```
.entry-title {
color: #111;
}
```
jejorge2009 · Member · Dec 29, 2015 at 9:26 pm
Copy link
Thanks for your encouragement, Jamie !!

But my last idea doesn’t work:

.page-title {
color: #any color;
}

That is, page titles remain that pale grey no matter the color I add to this code.

Some ideas?
jamiegiannini · Member · Dec 29, 2015 at 9:28 pm
Copy link
Did you try my code from above?
jejorge2009 · Member · Dec 29, 2015 at 9:34 pm
Copy link
Well, this doesn’t work either.

.entry-title {
color: #111;
}

There must be a trick…
jamiegiannini · Member · Dec 29, 2015 at 10:20 pm
Copy link
Ok no worries, we’ll figure it out. Provide a link to your site and tell me exactly which copy you’d like to make a different color.
thesacredpath · Member · Dec 30, 2015 at 6:40 am
Copy link
Change your
.entry-title
CSS rule to this.
```
body.page .type-page .entry-title, .not-found .entry-title, .page-title, .entry-title a {
    color: #111;
}
```
The post and page titles are already bold, but the font that is used doesn’t have a very wide stroke, so they don’t appear very “bold”. Adding a bold declaration will make no difference.
jejorge2009 · Member · Dec 30, 2015 at 8:13 pm
Copy link
Dear thesacredpath:

It worked !!

Thank you very much to you and Dear jamiegiannini.

And Happy New Year !!
thesacredpath · Member · Dec 30, 2015 at 11:41 pm
Copy link
Hooray, and you are welcome!
jamiegiannini · Member · Dec 31, 2015 at 3:12 am
Copy link
Always glad to help jejorge, happy new year!

No items found.