WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. tjdyo
    Member
    Posted 2 years 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. 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 2 years 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 2 years 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 2 years ago #

    How did you remove the search bar from the header?

  6. tjdyo
    Member
    Posted 2 years 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 2 years ago #

    thanks!

  8. biretta
    Member
    Posted 2 years 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 2 years 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 2 years ago #

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

    thamks for the quick reply
    alex

  11. tjdyo
    Member
    Posted 2 years ago #

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

  12. tjdyo
    Member
    Posted 2 years 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 2 years 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

Topic Closed

This topic has been closed to new replies.

About this Topic