WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How to Remove space above Page title in Twenty Eleven Theme!

[Resolved] How to Remove space above Page title in Twenty Eleven Theme!

  • i just made child theme of twenty eleven theme, i want to remove the space between page Title and above area, its a huge white space almost taking half of page, so could anyone tell me please how to remove this white space ?!?

Viewing 14 replies - 1 through 14 (of 14 total)
  • esmi

    @esmi

    Forum Moderator

    Site url?

    esmi

    @esmi

    Forum Moderator

    Try adding:

    #main,
    .singular.page .hentry {padding:0;}

    to your child’s stylesheet.

    terrific !, thanx esmi , it worked, cud you also tell me that how to reduce the the gray space above the (white content area) ?

    esmi

    @esmi

    Forum Moderator

    #page {margin-top:0;}

    I recommend using Firefox and the Firebug add-on for this kind of work.

    ok, thankx 🙂

    didnt work for me by adding it to stylesheet in child theme style.css

    Still have no clue how to do this. I”m beginning to really dislike this – nothing is easy to fix. Where do I find this “stylesheet” to add the #page(margin-top:0} I don’t even know where to start looking.

    Traicor – If you are not sure what a stylesheet is (site level control for all borders, colors, fonts, shading, etc.), then you probably need someone else building your blog, page, site, etc.

    @salsafire — Your comment makes no sense. WordPress is designed for amateurs to become pros. It’s the very reason we have these forum boards. @Traicor — keep playing with it, keep learning it, and then there will be no need for jerks like @salsafire.

    didn’t work for me either. I’ve made several changes to the style.css and they work fine, but this one is having no effect. Can there be some reasons for this?

    And for Traicor433, you need to check the wordpress site for Creating a Child Theme, it is quite easy to do. Then you go to Dashboard > Appearance > Editor and make sure you select your Child Theme before editing. Alternatively you can use FTP to download the style.css (found in wp-content/themes/childtheme

    Here is some help for the above comments, to learn CSS try http://www.w3schools.com, free and execellent fast training for what you need to get going on your Word Press site. You will need HTML, CSS and java Script basics for more advanced work.
    That way you can understand the functions of php stuff.
    For quick down and dirty go with great info here
    http://allaboutbasic.com/2011/06/15/wordpress-com-theme-twenty-eleven-css-style-sheet-modification-change-site-titledescriptionpost-titlecommentsmenussidebar-and-more/
    For figuring out how to manage the files on your site, you can try your webhost and see if they might explain how to toss your child theme into the themes foloder inside the Wp content foloder inside the folder that you installed WordPress on. Knowing your way around the folders of WordPress is kind of a good idea so you know where the functions and the Css that the parent has are.
    After you get all that figured out, you will need to start backing up your site, the database that holds the blogs and the files and folders that are the template of your site.
    I am just learning WordPress myself. It is frustrating as I used to write sites in notepad from scratch, but to keep up with all the different browsers and mobile sites, it is a very good idea to take a little time here and there to come up to speed on WP. That way you will have a robust site that will function across the platforms that anyone wanting to see your site may use.
    You will have to learn about web master stuff if you want a customized WordPress site otherwise it is best to find a template close to what you are hoping to look like and just go with a child theme basic, backing up your site, and blogging along. You can do it, hang in there and think of it as a hobby. Meanwhile I hope you have another site you can use because it will take a bit of time to learn WP

    esmi, I applied the code you mentioned #page {margin-top:0;} for removing the gray space above the theme and this worked, but I’d like to know how you got that because I was using the firebug, clicked that above area to get the HTML and CSS code and the code I got for that was this:

    HTML line:
    <html lang=”en-US” dir=”ltr”>

    CSS:
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    }

    Then how do you determine is #page?

    To lower the space above the header, change the margin below in style.css

    /* =Structure
    ———————————————– */

    body {
    padding: 0 2em;
    }
    #page {
    margin: .75em auto;
    max-width: 1000px;

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘[Resolved] How to Remove space above Page title in Twenty Eleven Theme!’ is closed to new replies.