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

  • pankajiso

    (@pankajiso)


    11 years, 7 months 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

Viewing 8 replies - 1 through 8 (of 8 total)
  • vtxyzzy

    (@vtxyzzy)

    11 years, 7 months 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.

    Thread Starter pankajiso

    (@pankajiso)

    11 years, 7 months 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

    vtxyzzy

    (@vtxyzzy)

    11 years, 7 months 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%;
}
    Thread Starter pankajiso

    (@pankajiso)

    11 years, 7 months 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

    Thread Starter pankajiso

    (@pankajiso)

    11 years, 7 months 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

    vtxyzzy

    (@vtxyzzy)

    11 years, 7 months 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.

    Thread Starter pankajiso

    (@pankajiso)

    11 years, 7 months 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 🙂

    vtxyzzy

    (@vtxyzzy)

    11 years, 7 months 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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘reducing the white (blank) space in header and content area’ is closed to new replies.