Reply To: Fonts…I love fonts!

[Sushil Adhikari]

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.