Removal of space above header. (4 posts)

  1. VRT
    Posted 3 years ago #

    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.

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    @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;
  3. Everlast00
    Posted 3 years ago #

    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

  4. Rajan V
    Posted 3 years ago #

    <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');

    Paste this code in <head> tag

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.