Reducing Page Title Font Size & Changing Its Colour.

  • Author
    Posts
  • #1562117

    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 southeastanglingservices.com.

    #1562162

    justpi
    Member

    Add this and decrease the value:

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

    #1562189

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

    #1562198

    justpi
    Member

    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;
    }

    #1562204

    Thank You :-)

The topic ‘Reducing Page Title Font Size & Changing Its Colour.’ is closed to new replies.