WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to Remove space above Page title in Twenty Eleven Theme! (15 posts)

  1. aniee
    Member
    Posted 2 years ago #

    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 ?!?

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Site url?

  3. aniee
    Member
    Posted 2 years ago #

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Try adding:

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

    to your child's stylesheet.

  5. aniee
    Member
    Posted 2 years ago #

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

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    #page {margin-top:0;}

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

  7. aniee
    Member
    Posted 2 years ago #

    ok, thankx :)

  8. symbolism
    Member
    Posted 2 years ago #

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

  9. Traicor433
    Member
    Posted 2 years ago #

    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.

  10. Curtis Pope
    Member
    Posted 2 years ago #

    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.

  11. Levi
    Member
    Posted 2 years ago #

    @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.

  12. ranieri71
    Member
    Posted 2 years ago #

    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

  13. marylockman
    Member
    Posted 2 years ago #

    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

  14. Ariel2
    Member
    Posted 2 years ago #

    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?

  15. aubrob
    Member
    Posted 1 year ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Topic