Header padding inSync

Homepage › Community Forums › inSync Theme Support › Header padding inSync

Tagged: , ,

  • This topic has 5 replies, 2 voices, and was last updated 8 years ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 24, 2016 at 9:29 pm #17856
    caroline
    Customer

      Hi,

      I’d like to reduce the padding in the Header image at http://bit.ly/1rtjFea
      I’ve tried a couple of css areas to reduce padding, but no luck. I must be in the wrong place. Any feedback would be greatly appreciated.

      Thank you,

      April 25, 2016 at 9:46 am #17858
      Wes
      Moderator

        The extra space is actually the min-height set to 164px (it’s like this by default). You can reduce the height and it should fix it. Take a look around line 1710 in your CSS and change it from 164px to around 90px – 

        .header-image .site-title a {
	float: left;
	min-height: 90px;
	width: 100%;
}

        You can adjust it more if needed.

        April 25, 2016 at 11:13 am #17859
        caroline
        Customer

          Thank you, Wes. That worked! And, to reduce the size of the logo/header-image would I reduce the width in this same area? I reduced width from 100% to 60% but did not see a change in logo size. Not sure if I’m in the right place or if its taking awhile to show up. The height adjustment was instant.

          April 25, 2016 at 9:53 pm #17862
          Wes
          Moderator

            You can reduce it by uploading a smaller image. First change the size in your functions file, and then upload that exact size in your WP Admin.

            April 26, 2016 at 10:04 am #17868
            caroline
            Customer

              Thank you.

              April 26, 2016 at 9:14 pm #17889
              Wes
              Moderator

                You’re Welcome!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Header padding inSync’ is closed to new replies.