Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #19945

    Hello,

    I have tried everything to change the size of the all the headers, nothing seems to work. Would really appreciate the css for h1, h2, h3, h4. I especially would like to increase the size of the page title.

    Thanks!

    #105677

    This is an example of my custom css for h1

    h1 {

    font-family: “Trebuchet MS”, Arial

    font-size: 30px;

    color: #f5704c;

    }

    Good luck Do you use FIREBUG? You should download and try it. Very helpful for this. I have learned alot using it.

    Here are the style codes Below:

    h1 {

    font-size: 28px;

    margin:0px;

    padding:0px;

    color:#4a4a4a;

    }

    h2 {

    font-size: 24px;

    margin:0px;

    padding:0px;

    color:#4a4a4a;

    }

    h3 {

    font-size: 22px;

    margin:0px;

    padding:0px;

    color:#4a4a4a;

    }

    h4 {

    font-size: 17px;

    color:#4a4a4a;

    margin:0px;

    padding:0px;

    }

    h5 {

    font-size: 16px;

    margin:0px;

    padding:0px;

    color:#4a4a4a;

    }

    h6 {

    font-size: 14px;

    margin:0px;

    padding:0px;

    color:#4a4a4a;

    #105678

    Excellent thanks! Still can’t seem to change the page title. I have tried .page-title. Stubborn thing won’t change.

    #105679

    Hi,

    To change the main title you can use this

    .main-title {
    font-size: 50px !important;
    color: red;
    }

    Don’t forget to place !important on the font-size.

    Regards,

    Ismael

    #105680

    Excellent that worked only problem was it also changed the size of the portfolio headers.

    #105681

    Hi,

    You didn’t mention to exclude the portfolio header, in what pages do you want to change it? You might try something like this to exclude the portfolio headers. Inspect element then look for the body class, you can find something like this .page-id-37 (body class for my portfolio page). Place this at the very bottom of your custom.css or Quick CSS.

    .page-id-37.main-title h1 {
    margin: 0;
    font-size: 28px !important;
    position: relative;
    z-index: 2;
    }

    Replace the page id.

    Regards,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Changing the size and font for all the headers’ is closed to new replies.