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
  • #2884
    Jason Bobich

    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 { padding: 0; }


    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 – 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.

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