Reducing Page Title Font Size & Changing Its Colour.

• 

  southeastanglingservices · Member · Dec 12, 2013 at 1:34 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  When I click into my pages for example the title word ‘Guiding’ or ‘Content’ is way too big for my liking. How do I reduce the size of these page headings? I tried the code below which did not work? While im at it would it be possible to change the colour of this text too?

  #access .menu-header, div.menu {
  font-size: 20px !important;
  }

  As always thanks in advance.

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

• 

  justpi · Member · Dec 12, 2013 at 4:26 pm

  • Copy link

  Add this and decrease the value:

  .title-header {
  font-size: 64px !important;
  }

• 

  southeastanglingservices · Member · Dec 12, 2013 at 6:08 pm

  • Copy link

  Thank you very much, What about changing the colour of that text also is that possible in the same code?

• 

  justpi · Member · Dec 12, 2013 at 7:32 pm

  • Copy link

  You’re welcome.
  Yes, of course it’s possible. Turn the above to this and replace 456789 with the hex for the color you prefer:

  .title-header {
  color: #456789;
  font-size: 38px !important;
  }

• 

  southeastanglingservices · Member · Dec 12, 2013 at 8:45 pm

  • Copy link

  Thank You :-)