- This topic has 3 replies, 34 voices, and was last updated 10 years, 3 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › WordPress Themes – Premium › Encounters › Fonts…I love fonts!
Is there any way in which I can change the size of the h1, h2, h3 as well as the body font?
By the way…I tried numerous and I do mean numerous themes before finding Encounters and I have to tell you I love it!!! And I love the tutorials you provide with it!
Hi Kendra…. first, thanks for the great comment. However, I will need to move this thread to the appropriate forum, but need to know is this in relation to the Encounters Lite or the Encounters pro version?
Sorry…it is for Encounters Pro
No worries… I was able to move the thread here and now i know which version of Encounters. Regarding fonts, there’s many instances of “font-size” throughout the style.css file for Encounters, but the primary sizing for headings such as h1, h2, etc., can be found in the style.css around line 335 and begins with:
/* 09 Typography
————————————————————– */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
….the bulk of the headings will be in this area of the stylesheet. As for body text (the main text), this is handled from line 224 and looks like this:
[code type=css]
#content-wrapper {
padding:30px 0 50px;
background-color:#fff;
border-bottom:7px solid #bf7b7b;
font-size: 12px;
font-size: 0.750rem;
line-height: 22px;
line-height: 1.375rem;
color:#787b7f;
}
This theme uses both font-size values of px and rem (very similar to em which is a relative size). To find out how to convert px to rem (em), this is a great online tool:
http://www.pxtoem.com
rem is based on the body default size where as em is relative to the container the element is in. Basically how I did this is set the font sizes to px for older browsers and then for newer browsers, I used the equivelent rem value (the em value). So when you make changes, you can use px if you wish or use both, whichever you are comfortable with.
Please note when making modifications to core theme files (including the style.css file, it’s recommended to use a child theme so that whenever there is an update to the theme (the parent theme), no modifications are lost. My child theme tutorial has one available.
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.