WordPress.org

Forums

Twenty Thirteen
[resolved] How to change Page Header size? (8 posts)

  1. akdmcnicoll
    Member
    Posted 1 year ago #

    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.

  2. PODxt
    Member
    Posted 1 year ago #

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

  3. PODxt
    Member
    Posted 1 year ago #

    You can also play with

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

  4. akdmcnicoll
    Member
    Posted 1 year ago #

    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.

  5. batharoy
    Member
    Posted 1 year ago #

    See if this is what you wanted.

    .entry-title {
    font-size: 36px;
    }
  6. akdmcnicoll
    Member
    Posted 1 year ago #

    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!

  7. akdmcnicoll
    Member
    Posted 1 year ago #

    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.

  8. batharoy
    Member
    Posted 1 year ago #

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

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags