Forums

Delicate NattyWP - Remove the White Behind Headers? (13 posts)

  1. tjdyo
    Member
    Posted 6 months ago #

    So Delicate is an incredible theme. I have already removed search bars, only put the header on a single page.

    But What I want to do is remove the white behind the Header.

    Something like this website:
    http://cityofescalon.org/

    I know its not built with Delicate, but I would like to modify the City's website I am building (For another city) in order to have a similar feature.

    Is that possible? I have not been able to figure out a way to do it.

    Thanks

  2. Josh
    Member
    Posted 6 months ago #

    Your site URL would be most helpful.

    The header in the site you are trying to mimic is a .png image file. So, I'm sure it's using a transparency. You would need to create a header in Photoshop (or it's equivalent) with a transparent background.

  3. tjdyo
    Member
    Posted 6 months ago #

    well the website I am currently working on is here:
    www1.hughson.org

    Its a temporary url for now.

    It is still being built and customized. But the White in the Back of the header is there. The Header is a PNG. But I want to Recreate it without the Blue and change up the background if I can.

  4. tjdyo
    Member
    Posted 6 months ago #

    Or How can I change the Header Size, so that It Does not have a margin at the top, or on the side.

    Then I can replace the image with this image: and just replace the background with whatever i need: http://i.imgur.com/Tl9tf.png

  5. rbelkin
    Member
    Posted 6 months ago #

    How did you remove the search bar from the header?

  6. tjdyo
    Member
    Posted 6 months ago #

    Open the header.php file and comment out lines 76-78 like this:

    <!-- <div id="top_search">
    <?php get_search_form(); ?>
    </div> -->

    Now your Search bar will be gone ;)

  7. rbelkin
    Member
    Posted 6 months ago #

    thanks!

  8. biretta
    Member
    Posted 6 months ago #

    hi tjdyo, i'm working with the delicate theme too and i saw your site, can you tell me how you removed the text on the right of slider images? Is that a slider based on pages right?
    thanks if you can help

    alex

  9. tjdyo
    Member
    Posted 6 months ago #

    Hey Biretta, in order to remove the text on the right of the slider images just go to Appearance>Headers> And Check on Display text to No.

    Also you can make it so the Headers only show on the home page if you want by editing this line of code in the header.php file:

    <div class="head-img">
    [...]
    </div>

    change it to:

    <?php if( is_home () || is_front_page() ) :?>
    <div class="head-img">
    [...]
    </div>
    <?php endif;?>

    If you do not want it on the blog section as well just remove the is_front_page part.

  10. biretta
    Member
    Posted 6 months ago #

    oh thanks, that was easy, never realized that was there to put hands

    thamks for the quick reply
    alex

  11. tjdyo
    Member
    Posted 6 months ago #

    Can Anybody possibly help me out on my question? I'm really stuck with this right now

  12. tjdyo
    Member
    Posted 6 months ago #

    Okay I figured it out, open the Style.css file and change line 142 from:
    #header {height:111px;}
    to
    #header {height:111px; margin-left:-30px; margin-top: -13px}

    Then make your Header 1030Px wide ;)

    Done :D

  13. archon1
    Member
    Posted 4 months ago #

    Hi,

    I am also using the Delicate theme and I'd like to remove the Delicate sign. I disabled the header but its still there. Could anybody please help me. Thank you.

    My website: http://stoffwechsel-ankurbeln.com

Reply

You must log in to post.

About this Topic