Change Page Header Font and Height

  • This topic has 8 replies, 4 voices, and was last updated 1 year ago by Andre Flores.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #952863
    Benjamin Sullivan
    Participant

    How do I change the Page Title Header ing Booklium: https://ibb.co/q7cjknq

    At the moment there is too much white space between the Menu bar, Page Title and the content/feature image, I would like to change this for all my pages.

    Many thanks in advance.

    Ben

    #953909
    Andre Flores
    Moderator

    Hello, Ben!

    You may decrease the spacing by adding custom CSS under Appearance ->Customize ->Additional CSS:

    .page-template .content-area {
    	padding-top: 80px;
    }
    .page-template .entry-header, .page-header {
        padding-bottom: 3.125rem;
        margin-bottom: 3.75rem;
    }

    Simply decrease padding values to the desired ones.

    Regards,
    Andre

    #953976
    Jan van Welie
    Participant

    Hi Andre, Have the same problem as Ben. Added the code but there are still some pages that have not taken the change, there is still a white gap. I have also added a code to remove the tittle.

    .page-template .content-area {
    padding-top: 0px;
    }
    .page-template .entry-header, .page-header {
    padding-bottom: 0rem;
    margin-bottom: 0rem;
    }
    .entry-title:last-child {
    display: none;
    }
    .entry-header, .page-header {
    padding-bottom: 0;
    margin-bottom: 0;
    }

    #954004
    Jan van Welie
    Participant

    Just fixed. Had to do with template. had to change to wide.

    #954564
    Andre Flores
    Moderator

    Hello, Jan!

    I am glad that you have managed to resolve the issue, thank you for your feedback.

    Regards,
    Andre

    #981164
    Tanitsak Luechatanyapat
    Participant

    Hello,
    Could you please provide code to eliminate page title header from all the pages?

    Thank you

    #981583
    Andre Flores
    Moderator

    Hello, Tanitsak!

    You would like to get rid of the page title only, use the following code:

    .entry-title {
    	display: none;
    }

    In case you want to remove the page title together with the description, use the following code:

    .entry-header {
    	display: none;
    }

    Best regards,
    Andre

    #981599
    Tanitsak Luechatanyapat
    Participant

    I would like to thank everyone in this post.

    Thank you
    tanitsak

    #982000
    Andre Flores
    Moderator

    Hi, Tanitsak!

    You are always welcome.

    Regards,
    Andre

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.