You’re looking for (or need to add) “font-size”. So say you want 16px as the default text size, you can add “font-size: 16px;” to your body tag. For example:
body {
font-size: 16px;
}
Thanks for response.
I found a lot of “font-size” for many different parameters.
For example:
.site-content [class*="navigation"] a {
display: inline-block;
padding: 5px 15px;
color: #fff;
<strong>font-size: 1.3em</strong>;
font-weight: 400;
font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
line-height: 26px;
background: #060608;
}
Is this, site content, what i’m looking for?
As you can see a have also different size unit (i think so – sorry for my noob level). What’s the different?
First, don’t change any theme files – you should be using a custom CSS plugin to make these kinds of changes – otherwise all of your changes will be lost when the theme is updated.
A link to your site will make it easier for people to help you.
Sure, here is my site.
http://www.ariergarda.com/
I understand that changes will stay only in version on my server. But what diference make that plugin?
Natalie I did how you wrote and it works. But if could answer my questions anyway I would be greatful.
There will be a bunch of font-size attributes throughout the CSS. It just depends on what is being styled. The selector you’ve chosen is looking for link elements with both the “.site-content” class as well as containing “navigation” in a class.
To break it down:
“.site-content” is a class
“[class*=”navigation”]” is requiring the term “navigation” appear in the class
“a” references an anchor tag, or link
I’m not sure what element’s font size you’re wanting to change. If it’s the main body copy, I don’t think that selector you highlighted would be it as it seems to be referencing some sort of navigation.
Ems are relative sizes based on the parent’s font-size (so they scale which is why they’re used in responsive design). They’re a bit complex, but you can read more about the different units here: http://css-tricks.com/css-font-size/
Also, you should probably create a child theme if you’re making any edits to the theme to avoid updates wiping out your changes.
Thank you for help.
You both write about theme update, how does it work? Is it automatic? Or you write about in case I would like to get new version? It’s not clear to me.
Themes get updated by developers to fix bugs, add features, maintain compatibility with WP or for whatever other reason the developer has. It’s important to keep updated – or your theme will likely eventually have problems.
Theme updates aren’t automatic unless you’ve enabled it, but you’ll see a notice in your Dashboard when one is available.
Bottom line – don’t make the mistake of modifying theme files – it makes a big mess down the road. Use a child theme or custom CSS plugin if you are only modifying theme files.
WPyogi Thanks for your advise. Maybe you could recommend appropriate plugin? Or it might be any of this kind?
