Home Forums WordPress Themes – Premium Encounters Fonts…I love fonts!

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13854
    Kendra
    Member

    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!

    #17918
    Sushil Adhikari
    Moderator

    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?

    #17919
    Kendra
    Member

    Sorry…it is for Encounters Pro

    #13855
    Sushil Adhikari
    Moderator

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.