siteorigin-corp icon indicating copy to clipboard operation
siteorigin-corp copied to clipboard

Add font size control settings

Open Misplon opened this issue 6 years ago • 14 comments

Selectively add font size settings for Corp.

Misplon avatar Feb 25 '19 13:02 Misplon

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.

seronja077 avatar Dec 19 '21 18:12 seronja077

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;
}

Misplon avatar Dec 19 '21 18:12 Misplon

Hey,

thank you, couldn't find it in documentation.

What about the sizes of Heading 1 to 6?

seronja077 avatar Dec 19 '21 19:12 seronja077

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;
}

Misplon avatar Dec 19 '21 19:12 Misplon

I found those in the code, changed the sizes and updated the file, but nothing happened on page... hmmm

seronja077 avatar Dec 19 '21 19:12 seronja077

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.

Misplon avatar Dec 19 '21 19:12 Misplon

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.

Misplon avatar Dec 19 '21 19:12 Misplon

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

style css .

I must say I'm a novice at designing/programing websites

seronja077 avatar Dec 19 '21 20:12 seronja077

Please, see the above guidance for where to place your Custom CSS rules. Thanks.

Misplon avatar Dec 19 '21 20:12 Misplon

Thank you very much. Have a nice day.

seronja077 avatar Dec 19 '21 20:12 seronja077

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.

Misplon avatar Dec 19 '21 20:12 Misplon

If you're stuck changing the headline font sizes, please, send a link to the page concerned. Thanks.

Misplon avatar Dec 19 '21 20:12 Misplon

https://maximwinnston.com/

seronja077 avatar Dec 19 '21 20:12 seronja077

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.

Misplon avatar Dec 19 '21 20:12 Misplon