WordPress.org

Support

Support » Themes and Templates » [Resolved] How to change Page Header size?

[Resolved] How to change Page Header size?

  • akdmcnicoll
    Member

    @akdmcnicoll

    What’s up, gang!

    Can anyone tell me how to change the Page Header size in the .php file? I can’t seem to locate it in the code. I tried to change .page-title and .entry-header but the size does not change. Would like to make said header a little smaller.

    Please advise.

    Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Create a child theme. In your stylesheet, play with margin, max-width, padding and bg size parameters like:

    .site-header {
    margin:10px auto 0 auto;
    max-width:1200px;
    padding:0;
    background-size: 1200px auto;
    }

    You can also play with

    .site-header .home-link {
    min-height: 200px !important;
    }

    akdmcnicoll
    Member

    @akdmcnicoll

    Thanks, PODxt. I don’t see any font sizes in your code, however.

    You see the header above that says “Forums?” That’s what I want to decrease in size in the 20 13 theme. I’m trying to find it in the editor but have no clue what the name is/what to look for. h1 perhaps?

    Please advise.

    Thank you.

    See if this is what you wanted.

    .entry-title {
    font-size: 36px;
    }

    akdmcnicoll
    Member

    @akdmcnicoll

    Brilliant! Thank you, batharoy!

    I set it at 40px and it looks great in the Twenty Thirteen theme. Try it ya’ll!

    By any chance, do you know what the default size was? I’m thinking it was somewhere around 50px, which was a little too big for me.

    Thanks, again, batharoy!

    akdmcnicoll
    Member

    @akdmcnicoll

    batharoy,

    Just noticed when sized down to a mobile device dimensions, the entry title stays at 40px and does not respond accoringly. Any thoughts?

    Thanks.

    Default is 48px.
    Try this just below the other code.

    @media (max-width: 643px){
        .entry-title {
            font-size: 22px;
        }
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] How to change Page Header size?’ is closed to new replies.