Add font size control settings
Selectively add font size settings for Corp.
Hello, after all this time, some of us still want to make a new website using Siteorigin theme CORP. Would it be possible to get a piece of code that can change size of font. Thank you in advance.
Hi
We have a snippet here https://siteorigin.com/corp-documentation/css-snippets/ for the main menu font size.
To change the body font size, try:
body,
button,
input,
optgroup,
select,
textarea {
font-size: 15px;
}
Hey,
thank you, couldn't find it in documentation.
What about the sizes of Heading 1 to 6?
Sure, no problem. You can target h tags as follows:
h1 {
font-size: 29px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 23px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
I found those in the code, changed the sizes and updated the file, but nothing happened on page... hmmm
Where are you making the CSS changes? The above rules can be added to Appearance > Custom CSS if you're using SiteOrigin CSS. Alternatively, you can add the above rules to Customize > Additional CSS or a child theme style.css file.
All themes completely overwrite their own folder during updates so any changes made directly to the parent theme files will be lost the next time we release an update.
now I tried all of the above. Nothing worked.
As well this didn't.
I must say I'm a novice at designing/programing websites
.
I must say I'm a novice at designing/programing websites
Please, see the above guidance for where to place your Custom CSS rules. Thanks.
Thank you very much. Have a nice day.
Sure, no problem. If you need a hand moving forward, please, feel free to open a support thread at https://siteorigin.com/thread. All the best with your website. At some point, consider researching how to use the browser developer tool to inspect your CSS rules on your website front-end. If you'd like to dabble a bit more in Custom CSS you'll find it very useful.
If you're stuck changing the headline font sizes, please, send a link to the page concerned. Thanks.
https://maximwinnston.com/
For each of the headings on this page, edit the widget concerned, locate the setting that controls the font size for the heading and make the change there.