Archived

This topic is now archived and is closed to further replies.

  • 0

Change Common Default Text Size

Question

Posted · Report post

I've ventured into my child theme to change the p font size to 18, but then realize that my blockquotes, and ordered lists, and such are still at 12.

How can I change all the default txt size, or is it really best practice for me to set each of these individually?

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

This got me pretty far, but what's happening is my top menu nav is also getting bigger, i just want the ul lists in my pages and posts to be bigger...having a hard time just grabbing them.

This is what I have but it's not working

column-main, ul {

font-size:18px

}

Share this post


Link to post
Share on other sites

Posted · Report post

If you only want to adjust the size of text in lists in your posts and pages, you should specify a class like so in the post/page editor:

<ul class="postlist">
And then use this CSS class to adjust its size:
ul.postlist[/code]

Share this post


Link to post
Share on other sites

Posted · Report post

For blockquotes and lists, you'll need to set the size for these together like so:

blockquote, ul {font-size: #em;}[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Aha, so it is best to do them individually. I noticed when I changed the ul, then my navigation was too large.

Next question, hopefully the last.

How do I only target pages and posts to make my fonts larger?

Share this post


Link to post
Share on other sites

Posted · Report post

Close, for all pages you just have to paste in the css, nothing else needed.

But if you want to use an ID you can use #page or .thepage

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you!

Can I just say .page

... to target all pages?

Share this post


Link to post
Share on other sites

Posted · Report post

To target pages


.page-id-2 (replace with real page id)


To target posts
.post[/code]

Place these before the css

Share this post


Link to post
Share on other sites