Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 21, 2016 at 6:09 pm #601427
    atlantchiropractic

    Hi.
    How can I increase a padding above and below the logo in the header? The now logo, I have, doesn’t have a padding, so when it’s placed in the header, it doesn’t have any space above and below.
    Thank you.

    March 21, 2016 at 9:46 pm #601519
    Jordan

    Hi Alex!

    Thanks for reaching out to us!

    Try adding the following code in the Quick CSS field under the General Styling tab in the theme options:

    .logo {
padding-top: 10px;
padding-bottom:10px;
}

    Adjust the values as you wish. Let me know if it works for you.

    Regards,
    Jordan

    March 21, 2016 at 10:05 pm #601529
    atlantchiropractic

    Thanks for you quick reply. Will try that.

    March 21, 2016 at 10:31 pm #601548
    Yigit

    Hi!

    Please do so and let us know so we can mark the thread as resolved or assist you further :)

    Best regards,
    Yigit

    March 22, 2016 at 2:57 am #601635
    atlantchiropractic

    It didn’t work.
    It pushes logo 10px down, but cuts off the bottom portion at 10px as well.
    If I remove line “padding-bottom:10px;”, then it looks like the bottom portion of logo is hiding behind the content. Can I attach an image of what I see?
    Can’t provide link to the site since I am working on MAMP

    March 22, 2016 at 3:25 am #601638
    Vinay

    Hi!

    Please goto enfold options > header > header layout > header size > custom pixel and change the value to something like 200px or adjust it to suit your design :)

    Best regards,
    Vinay Kashyap

    March 22, 2016 at 4:15 am #601647
    atlantchiropractic

    I tried this before. Doesn’t work. Logo gets increased to fit the entire space.

    March 22, 2016 at 4:54 am #601657
    atlantchiropractic

    Even if I decrease logo size, it still will be touching upper border. If I add:
    .logo {
    padding-top: 10px;
    }
    Then when I scroll down, bottom portion of logo will be cut by 10px

    March 22, 2016 at 9:41 am #601766
    Vinay

    Hi!

    To keep the logo same size and add paddings to the header please try this code in the quick css.

    
/*Header padding*/
.container_wrap.container_wrap_logo {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

    Regards,
    Vinay Kashyap

    March 31, 2016 at 4:38 am #605611
    atlantchiropractic

    Thank you Vinnie. That worked fine!

    March 31, 2016 at 7:09 am #605664
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.