StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change site Header Size Centric Pro Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change site Header Size Centric Pro Theme

This topic is: resolved

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 11, 2015 at 10:10 am #144026
    BlakeN
    Participant

    Hi,

    I am attempting to change the site header size for the centric pro theme to make it smaller.

    I have played around in Firebug but do not know what elements to use to make it smaller. The "shrink" size is perfect. I simply want to make the header smaller when it initially appears.

    Thank you,
    Blake Newton

    http://www.barrgo.com/
    March 11, 2015 at 1:10 pm #144067
    Victor Font
    Moderator

    You've got two places to look. Both are .site-header .wrap blocks. The first is at line 1133, the second at line 1141. The first block has a min-height set. Play around with the min-height until you get it where you like it. The second block places a 40px padding around the entire header. Reduce the padding size or remove it altogether as you find it pleasing to your eye.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 12, 2015 at 7:02 am #144153
    BlakeN
    Participant

    Thanks Victor. Your instructions were extremely concise and it made the changes easy.

    I appreciate it!

    April 4, 2015 at 9:03 pm #146709
    geriwinters
    Participant

    That worked except on mobile on the home page. So I just added <p></p><p></p> as the first part of the Home 1 widget and now all my text appears without being overwritten by the header.

    I hate mucking with the CSS because I'll have to redo it when new versions come out, but it makes the site right.

    Thank you Victor.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.