Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add font size control settings #62

Open
Misplon opened this issue Feb 25, 2019 · 14 comments
Open

Add font size control settings #62

Misplon opened this issue Feb 25, 2019 · 14 comments

Comments

@Misplon
Copy link
Member

Misplon commented Feb 25, 2019

Selectively add font size settings for Corp.

@Misplon Misplon self-assigned this Jun 6, 2019
@Misplon Misplon removed their assignment Apr 15, 2020
@seronja077
Copy link

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.

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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

@seronja077
Copy link

Hey,

thank you, couldn't find it in documentation.

What about the sizes of Heading 1 to 6?

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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

@seronja077
Copy link

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

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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
Copy link
Member Author

Misplon commented Dec 19, 2021

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.

@seronja077
Copy link

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

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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

@seronja077
Copy link

Thank you very much. Have a nice day.

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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
Copy link
Member Author

Misplon commented Dec 19, 2021

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

@seronja077
Copy link

@Misplon
Copy link
Member Author

Misplon commented Dec 19, 2021

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants