Expound Theme: CSS to change Category heading font…

• 

  mikeyjr1 · Member · Feb 2, 2016 at 7:25 pm

  • Copy link
  • Add topic to favorites

  When selecting the ‘Price’ category from the ‘Categories’ pull down menu a page appears that lists the posts that where made under this category. I’d like to move the heading ‘Price’ lower and change the font type, size, etc. What is the correct CSS code required to do this?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  mikeyjr1 · Member · Feb 2, 2016 at 7:51 pm

  • Copy link

  When selecting the ‘Price’ category from the ‘Categories’ pull down menu a page appears that lists the posts that where made under this category. I’d like to move the heading ‘Price’ lower and change the font type, size, etc. What is the correct CSS code required to do this?

  Thanks!

• 

  thesacredpath · Member · Feb 3, 2016 at 1:16 am

  • Copy link

  Hi there, what is causing this is the height of 20px set in
  .site-branding, #site-navigation
  If you wish to keep that as is, with the blue section being half the height of the menu tabs, then we can add the following CSS to your #main rule to space it down by 20px.
  margin-top: 20px;
  For the page title font, here is the rule in the original CSS that controls the styling.

  .page-header h1 {
      font-family: Georgia,"Times New Roman",serif;
      font-size: 20px;
      line-height: 28px;
  }

  If you can be more specific on the font you wish to use, I can be more specific with the above rule. For reference, this is the font stack used for the majority of the text elements in Expound.
  "Helvetica Neue",Helvetica,Arial,sans-serif

• 

  mikeyjr1 · Member · Feb 3, 2016 at 3:21 am

  • Copy link

  Hi….worked like a charm! Thanks for the explanation and the code!

  Have a great rest of the day!

• 

  thesacredpath · Member · Feb 3, 2016 at 7:24 am

  • Copy link

  You are welcome.