change font of category title- bold to light

susanjohnson34 · Member · Jun 1, 2015 at 8:58 pm
Copy link

Add topic to favorites
Hi

I am trying to change my category title fonts from bold to light.

Also how can I remove the” written by” under posts. I have tried changing my user settings but name is still showing.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 1, 2015 at 9:45 pm
Copy link
Hi there, the categories and title fonts on your site are currently not bold. Let me know if I am missing something.

To hide the Published by… add the following CSS.
```
.rp-medium-two-content .entry-author, .entry-author {
    display: none;
}
```
susanjohnson34 · Member · Jun 2, 2015 at 4:59 am
Copy link
Hi
Thanks so much for your reply.

When you click through to individual posts onto the blog page the title is really black. What I really want to achieve is to make the title headings display as they do on the front page- smaller and lighter.

Also-Do you think it is possible to make the photo appear first (before the title) as it does on other pages? At the moment the photo is not visible- which makes the blog page very unattractive- when page first loads.
I know this is a theme issue mot likely but I haven’t had any replies yet form the theme forum.
thesacredpath · Member · Jun 2, 2015 at 4:26 pm
Copy link
I had looked at the single posts, but when I looked at the CSS, I found that those titles have a font weight of 200, which is the lightest it can be set. If you go back to Appearance > Customize > Fonts, you can choose Extra Light Italic for the font variant and it will be lighter.
thesacredpath · Member · Jun 2, 2015 at 4:31 pm
Copy link
When you say blog page, are you referring to the single post pages, such as http://words-of-light.org/2015/06/01/faith-is-knowledge-of-divine-laws/ ? If so, although we can move the image above the title and meta data, it causes issues with the responsive design because we have to use position: absolute; to do that, and that breaks all relationship with all the other page elements so it basically floats free of the page. It would take a lot of Media Queries to adjust the position for different screen sizes, and in my experience, never really works out cleanly.
susanjohnson34 · Member · Jun 2, 2015 at 6:03 pm
Copy link
Hi

Thank you very much for your help. I have made the change your suggest and I think it looks a lot better.

Would it be possible to change the font size of just the post page headings with css? That would make more of the image visible.

I tried adjusting in the font customizer but if I set the font to what I prefer on the post page the fonts on the other pages eg the front page are too small.
Also -is there a css code to lighten the color of the primary menu buttons and make the font of the category titles lighter?
I am trying to get rid of the black.

Susan
thesacredpath · Member · Jun 3, 2015 at 1:08 am
Copy link
On the color of the menu items, add the following and adjust as desired. I just popped in a #777 hex color for testing
```
#header-top-nav a {
    color: #777;
}
```
For the font size on the page and post titles, add the following and adjust as desired.
```
.wf-active .entry-header h1.entry-title, .wf-active .entry-header h2.entry-title {
    font-size: 50px;
}
```
On the categories at the top of posts, add the following to switch them from bold to normal weight.
```
.entry-cats, .entry-cats a {
    font-weight: normal;
}
```
susanjohnson34 · Member · Jun 3, 2015 at 6:49 am
Copy link
Thank you very much for you help.
thesacredpath · Member · Jun 3, 2015 at 4:28 pm
Copy link
You are welcome.

No items found.