Adjust Padding + Size of Header – Metro Theme

Community Forums Forums General Discussion Adjust Padding + Size of Header – Metro Theme

This topic is: not resolved

Tagged: 

This topic contains 6 replies, has 3 voices, and was last updated by  circles6 1 year, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22364

    SiegerVinnare
    Participant
    Post count: 19

    I am wondering how I can adjust the padding around the header image in the metro theme? and also increase the height of the header container. Make the height around 100px instead of 87px.

    I would also like to know how to reduce the padding at the top of the header.

    Any help with this is much appreciated!

    Cheers,
    Tyler

     

    my website link: http://bit.ly/VCDQm7

    #22384

    anitac
    Participant
    Post count: 7027

    For the logo – look for this in your style.css file – change 87 to 100.

    .header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 87px;
    overflow: hidden;
    text-indent: -9999px;
    }

    For the top padding, look for this, and ADD this – padding-top: 1.25rem;

    #wrap {
    clear: both;
    padding: 2.25rem;
    }


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #22449

    SiegerVinnare
    Participant
    Post count: 19

    Thanks anitac, that helped! Unfortunately it still forces me to crop my header to 87px when I upload it. The container is bigger but it just makes me crop it once I upload it. Any ideas?

     

    Thanks again for your help!

    #22456

    anitac
    Participant
    Post count: 7027

    Open your Functions.php file and look for this:

    [php]// Add support for custom header
    add_theme_support( ‘genesis-custom-header’, array(
    ‘flex-height’ => true,
    ‘height’ => 87,
    ‘width’ => 1080
    ) );[/php]

    Change the height and width to your exact logo settings. This will eliminate the cropping.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #22480

    SiegerVinnare
    Participant
    Post count: 19

    That worked perfectly! Thank you very much anitac. Huge help.

    Cheers,

    Tyler

    #22488

    anitac
    Participant
    Post count: 7027

    You’re welcome. Glad I could help.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #43933

    circles6
    Participant
    Post count: 2

    Hi Anita, is there a way to increase the padding of the content in the widget areas similar to the method of reducing the padding on the header like you described in this thread?  I am using the Metro theme and the featured stories sections (per the nomencaltre of the theme demo) have no padding at the bottom of the widget areas so the widget areas are stacked closely.  Here is a link to the test site for you to see…

    http://circles6.com/clientportal/ckrost2

    FYI, I have also posted this on another thread so forgive me for the redundancy.  Thanks in advance!!

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

You must be logged in to reply to this topic.