Change size of font in post/page footer twentysixteen theme

belindao919 · Member · Jul 10, 2016 at 8:29 pm
Copy link

Add topic to favorites
Hi, I have the premium plan and I’d like to use CSS to change the size of the font on the footers on my posts and pages (not the site footer) and also italicize them.

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 11, 2016 at 3:04 am
Copy link
Hi, you can add the following custom CSS to make the “footer” metadata italic and change the size.
```
.entry-footer {
    font-style: italic;
    font-size: 120%;
}
```
belindao919 · Member · Jul 14, 2016 at 12:27 am
Copy link
Thanks for your help, however, that didn’t work. I copied and pasted what you wrote, then typed it out myself, and also changed the order with the other CSS I’d added before in case any of that made a difference. I also changed the font size a few times to see if that made a difference. None of it seemed to do anything.

Sorry for my delay in getting back to you; it’s been one of those weeks.
belindao919 · Member · Jul 14, 2016 at 12:32 am
Copy link
I think I may have figured it out, at least, this is working. Instead of “entry-footer” I tried “entry-content footer.” Let me know if there’s some hidden problem here, otherwise, I’ll stick with it!
thesacredpath · Member · Jul 14, 2016 at 9:01 am
Copy link
Hmmm, with your code I’m not seeing italic on the date/comment link to the left of your content (below content on smaller screens).

When I go to the customizer and change what you have added to this
```
.entry-footer {
    font-size: 70%;
    font-style: italic;
}
```
the font changes to italic and gets smaller.

Are you talking about this site: https://classicforareason.com/ ?
belindao919 · Member · Jul 14, 2016 at 4:25 pm
Copy link
Yes, but I see the miscommunication. I was talking about footers with the HTML code <footer>

I don’t use it very often, but here’s one page where I did:

Cary Grant
thesacredpath · Member · Jul 14, 2016 at 7:02 pm
Copy link
Thanks for the clarification. The footer credits at the bottom of the screen would need this.
```
.site-info, .site-info a {
    font-style: italic;
    font-size: 80%;
}
```
I would suggest 80% as a size. 70% is a bit too small to keep them readable.

Another question I have after looking, is are you wanting to do this to the copyright notice you have at the bottom and not the WordPress footer credits? If so, it would take different code. Let me know as we will have to add a CSS class in the widget content so that we can change just the copyright text and not everything you put into text widgets.
belindao919 · Member · Jul 15, 2016 at 4:01 am
Copy link
Thank you!

No, I’m fine with keeping the copyright notice as is. It’s only the footers that go directly with the page or post I wanted to modify.
thesacredpath · Member · Jul 15, 2016 at 6:52 am
Copy link
Super, and you are welcome.

No items found.