WordPress.org

Forums

reducing the white (blank) space in header and content area (9 posts)

  1. pankajiso
    Member
    Posted 2 years ago #

    Hello,

    I am a newbie. I have made my first website and launched it. http://anubhutitrainings.in/
    I am using the twentyeleven theme. I have loaded the child theme and made some changes in it.
    I would like to reduce the blank space in my header area, above the page titles. I read many of the previous queries and tried to change the header.php and style.css sheet. at some point the navigation bar (beneath the header image) disappeared and the secondary sheets (attached to parent sheet) started appearing as text in cascading form!
    I deleted the child theme and reloaded it. Now I would like your advise on how to reduce the height of the blank white space above and below the image.

    thanks & best wishes
    pankaj

  2. vtxyzzy
    Member
    Posted 2 years ago #

    Try adding this to the end of your style.css:

    #site-description {
        margin: 0 270px .5em 0;
    }
    #main {
       padding: 0;
    }
    #content article:first-child {
       padding-top: 1em;
    }

    Note that this might affect other pages on the site, so check carefully after making the changes.

  3. pankajiso
    Member
    Posted 2 years ago #

    Hi
    thanks. that did work like a charm.
    Care to spend some time seeing how I can spruce up the website even more.
    I would like to increase the width of the column and increase the font size.
    Increase the font size of the web header title "anubhuti trainings"

    many thanks for the suggestion.

    cheers
    pankaj

  4. vtxyzzy
    Member
    Posted 2 years ago #

    Try adding this to the end of style.css:

    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
        font-size: 140%;
        width: 95%;
    }
  5. pankajiso
    Member
    Posted 2 years ago #

    Hi vtxzzy

    thanks. your solution worked like a charm again. AWSOME
    thanks.

    One small question
    At end of the page, two forward slash // appear in bottom left corner.
    I must have put them in some sheet in my child theme when I was trying to customise. I need to figure it out. any tips. I have made changes in header, function and style sheets.
    :-)

    thanks a lot.
    God Bless you
    pankaj

  6. pankajiso
    Member
    Posted 2 years ago #

    Hi vtxzzy
    change the last post. I have only style.css in my child theme, and index.php & pageofpost.php. I have made changes only in style.css. and there are no // anywhere in the sheet? I did make some changes in header in main theme to remove the "search" function. could I have made a mistake there?

    pankaj

  7. vtxyzzy
    Member
    Posted 2 years ago #

    It is not possible to find the exact location without examining your code, but I believe that it is in page.php near the end of the loop.

  8. pankajiso
    Member
    Posted 2 years ago #

    Hi

    you are right, once again. I did locate the '//' in page.php at end of loop syntax and deleted them.
    the error message received is
    Parse error: syntax error, unexpected T_STRING in /home/content/72/9837172/html/wp-content/themes/twentyeleven/page.php on line 26

    by replacing the '//' the error goes away.
    so how to remove the '//' from showing? can I put text instead of '//'

    thanks of great 'code' wizard :-)

  9. vtxyzzy
    Member
    Posted 2 years ago #

    I can't answer this without seeing the actual code. Please post no more than 10 lines of code with the // line in the middle.

Topic Closed

This topic has been closed to new replies.

About this Topic