0
Welcome Guest! Login
0 items Join Now

Custom CSS for headers isn't working

Last Post
Search Topic

  • Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • I have this in my custom css file (for Ricochet, if it makes any difference):


      h1 { font-family: Sans-Serif; }
h2 { font-family: Sans-Serif; }
h3 { font-family: Sans-Serif; }



      This is correctly changing the font on my article titles, but not on H2 tags within my articles or titles in my footers or other positions like content-bottom. Is this not the correct way to do this?
    #1164215
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • do you have a link?
    #1164217

  • Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    #1164218
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • I'm a bit confused. Nexa is a Sans-Serif font.
      Do you want to use Helvetica/Arial for the titles?
    #1164219

  • Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • Yes - Helvetica.

      I thought sans-serif defaulted to Helvetica. It did work on the page titles.
    • Last Edit: 9 years 10 months ago by Erik Millsap.
    #1164223
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • nope, try this
      #rt-mainbody-surround h1,
#rt-mainbody-surround h2, 
#rt-mainbody-surround h3 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    #1164231

  • Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • Thanks so much - that worked for almost everything, but the 3 content-bottom modules are still using the Nexa font. Is there something special that needs to be done for those positions? The 3 content-bottom modules are regular HTML modules.
    #1164260
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • DynamicWebStudios wrote:
      Thanks so much - that worked for almost everything, but the 3 content-bottom modules are still using the Nexa font. Is there something special that needs to be done for those positions? The 3 content-bottom modules are regular HTML modules.

      In your rt_templateName-custom.css file add this:
      #rt-footer .rt-grid-4 h2 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    #1164287
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • instead od Dan's suggestion use
      #rt-mainbody-surround h1,
#rt-mainbody-surround h2, 
#rt-mainbody-surround h3,
#rt-footer-surround  h1,
#rt-footer-surround  h2, 
#rt-footer-surround  h3 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    #1164292

  • Re: Custom CSS for headers isn't working

    Posted 9 years 10 months ago
    • Perfect - that worked beautifully. Thanks to you both for your help.
    #1164305

Time to create page: 0.059 seconds