Removal of space above header.

  • Hi, I have 3 things I would like to change on my site: valueracingtips.co.uk for aesthetic reasons.

    1. Remove site title and tagline.

    2. Remove search box.

    (i am aware that these can be left blank on the settings menu, but not sure if i need to remove any other code).

    3. Remove the extra space above the header image, so the top of the image is at the top of the page.

    I am using the twenty eleven theme. I am a bit of a novice so apologies in advance if this is basic stuff!

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

  • @vrt – before you do anything, please create a child theme so that your changes won’t be lost when you update WP. Or if you only intend to make CSS changes, you can install a custom CSS plugin such as jetpack. Once you have either of those set up, you can make the changes you want by adding this code to the new CSS section:

    #branding hgroup {
    display: none;
}  

#branding #searchform {
    display: none;
}

    And to remove the extra space at the top, change your css to:

    #page {
   margin: 0px auto;
   max-width: 1000px;
}

    Found on line 75 on your style.css

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$('#searchform').css('display','none !important');
$('hgroup').css('margin','0 7.6% -43px');
</script>

    Paste this code in <head> tag

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removal of space above header.’ is closed to new replies.