Lucid Theme: Remove header padding

  • I can’t show my site, as it is an internal blog for my company, but I am running Lucid, and cannot figure out which code to add to my custom CSS plugin to remove the padding on the top and bottom of the header image/logo.

    Here is the Stylesheet code:
    #main-header { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 60px; }
    #main-header:before { content: ”; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
    .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }

    Here is the header code from the Theme Header php:
    <body <?php body_class(); ?>>
    <?php do_action(‘et_header_top’); ?>
    <header id=”main-header”>
    <div class=”container clearfix”>
    <?php do_action(‘et_header_menu’); ?>
    <nav id=”top-menu”>
    <?php

    Would welcome any tips on what to add to my custom CSS to remove the padding around the header image!

  • The topic ‘Lucid Theme: Remove header padding’ is closed to new replies.