• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Headings and Fonts

Home › Community Forums › Legacy Theme Support › Headings and Fonts

  • This topic has 10 replies, 2 voices, and was last updated 9 years, 4 months ago by Wes.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 25, 2013 at 4:30 pm #9141
    webvision
    Customer

    How do you change the font setting in all headings ?
    I have changed color but the font sizes stay the same ? even after I changed them in legacy css and genesis css

    November 25, 2013 at 7:22 pm #9144
    Wes
    Moderator

    Do you have a link to the exact place you’re trying to do this?

    November 25, 2013 at 7:27 pm #9145
    webvision
    Customer

    http://69.89.31.111/~glutexco/test

    November 25, 2013 at 7:28 pm #9146
    webvision
    Customer

    I just need the line where the codes are at, I find it surprising that the size does not change even tho the color did

    November 25, 2013 at 7:48 pm #9148
    Wes
    Moderator

    Did you remember to change the “rem” to match the “px”. Most browsers will use the “rem” over the px. You could just remove the “rem” if you want to test it until you get the size you want.

    The headings are located around line 242 in your css –

    /* Headings
    --------------------------------------------- */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	color: #333;
    	font-family: 'Oswald', Helvetica, Arial, sans-serif;
    	font-weight: 400;
    	line-height: 1.5;
    	margin: 0;
    	margin-bottom: 16px;
    	margin-bottom: 1rem;
    	padding: 0;
    }
    
    h1 {
    	font-size: 10px;
    	font-size: 1.0rem;
            color: #750514;
    }
    
    h2 {
    	font-size: 18px;
    	font-size: 1.875rem;
    }
    
    h3 {
    	font-size: 18px;
    	font-size: 1.5rem;
    }
    
    h4 {
    	font-size: 18px;
    	font-size: 1.25rem;
    }
    
    h5 {
    	font-size: 18px;
    	font-size: 1.125rem;
    }
    
    h6 {
    	font-size: 16px;
    	font-size: 1rem;
    }
    November 25, 2013 at 7:52 pm #9149
    webvision
    Customer

    Wes
    Did you see the H1

    h1 {
    font-size: 10px;
    font-size: 1.0rem;
    color: #750514;
    }

    That’s what I set it to to change and nothing happened, that is set at 10px
    Thanks

    November 26, 2013 at 9:48 am #9152
    webvision
    Customer

    Any response ?

    November 26, 2013 at 10:48 am #9153
    Wes
    Moderator

    The rem should be this –

    10px = 0.625rem

    November 26, 2013 at 11:18 am #9154
    webvision
    Customer

    Wes
    Got it, thanks, also

    where is the title font located
    The one here that says test page http://69.89.31.111/~glutexco/test

    Dave

    November 26, 2013 at 11:20 am #9155
    webvision
    Customer

    Wes
    Found it
    Thanks

    November 26, 2013 at 3:49 pm #9163
    Wes
    Moderator

    You’re Welcome!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Headings and Fonts’ is closed to new replies.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework