This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

[CSS Customizations] How to remove padding in the header

  • Creator
    Topic
  • #2882
    Jason Bobich
    Keymaster

    Here is how you could remove all padding in the content of the header and the area that surrounds the logo image.

    #branding #header_content .header_content-inner { padding: 0; }

    [Snippet edited March 19, 2014 to work with current Alyeska]

    ========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Author
    Replies
  • #15698
    tinachapman
    Participant

    I have used your snipet to reduce the padding in my header through the custom css area in theme options but it doesn’t see to be working?

    http://www.millelacs.com

    #15702
    Jason Bobich
    Keymaster

    I’ve updated the snippet above to work with the current version of the theme.

    #15704
    tinachapman
    Participant

    Thank you, yes, I figured that out. Can I set the padding different for top, bottom, left and right? It seems if I change the 0 to any other number it doesn’t work.

    #15706
    tinachapman
    Participant

    I figured it out, I was not putting the padding numbers in correctly. Thanks for your quick responses, you’re the best!

    #15899
    bonniepaul
    Member

    Thank you, this works great in browsers, (also iPad), but the padding still shows up on my iPhone. Is there special code for that?

    #15911
    Jason Bobich
    Keymaster

    Do you just mean the bottom margin on the logo, separating it from the social icons? I’m not quite sure what else you’d be referring to.

    #branding .header_logo { margin-bottom: none; }
Viewing 6 replies - 1 through 6 (of 6 total)

The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.