• Hello everyone,

    I’m having trouble reducing the amount of space under the title of most of my pages on my website.

    Here’s the website: http://www.ethanbodnaruk.com

    You can see that the “Home” page looks ok, but if you click on “About” then there’s a whole bunch of space under the title before the text begins. How can I get rid of this?

    Also, I’m not sure if I’m properly using a child theme so my work won’t get erased if 2011 updates. I liked 2011 better than 2012 so I used it, and I changed the name of the file to 2011_mod in the hopes of it becoming a different file that wouldn’t get erased. So my css style sheet reads:

    Mod_2011: Stylesheet (style.css)

    /*
    Theme Name: Mod_2011
    Theme URI: http://wordpress.org/extend/themes/twentyeleven
    Author: the WordPress team
    Author URI: http://wordpress.org/
    .
    .
    .

    I’m concerned that since the Theme URI still points toward twentyeleven that my site could be in jeopardy.

    Thanks for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    At the moment, you don’t have a Child Theme activated on your website. Are you aware of this?

    Thread Starter ebodnaruk

    (@ebodnaruk)

    I wasn’t, no, but I had suspicions. Can I create a child theme and just copy and paste my current css stylesheet into that?

    Thread Starter ebodnaruk

    (@ebodnaruk)

    Hi, I just created the child theme and switched over to that.

    I want to make sure I’m doing this right, though. I had already modified the 2011 theme (as you know) and then created the child theme off that. Will my changes to the 2011 theme be overwritten someday, thus affecting my child theme? If so, do I have to go through the css sheet and copy/paste everything I changed from the original css sheet into my new css sheet? Or should I just copy/paste the entire sheet into mine?

    Thanks!

    Will my changes to the 2011 theme be overwritten someday, thus affecting my child theme?

    Yes.

    do I have to go through the css sheet and copy/paste everything I changed from the original css sheet into my new css sheet?

    Yes

    Thread Starter ebodnaruk

    (@ebodnaruk)

    I did that, great!

    Any help on the original question about spacing under my post titles?

    compare ethanbodnaruk.com and http://www.ethanbodnaruk.com/about-me/

    (the big blank space under About on the about-me page)

    Add this to the new CSS and change the padding:

    .entry-content, .entry-summary {
        padding: 1.625em 0 0;
    }
    
    .entry-title {
        padding-bottom: 0.3em;
    }

    Just noticed that you copied the entire stylesheet into your child theme – that’s not ideal – you will have a much harder time keeping track of and managing your CSS and it adds duplicate code to your site. It’s much preferable to only have the changes in the child theme.

    Thread Starter ebodnaruk

    (@ebodnaruk)

    Esmi and WPyogi,

    Thank you so much for your help. I admit that for now I did just copy the whole css sheet, but when I have time I will go through and streamline it.

    I also implemented the padding changes you suggested and they worked great.

    One quick question: what does the “singular” part of the css code mean? When I search for “.entry-title” and .entry-content it comes up in all these singular sections.

    Thanks!

    That applies to pages that don’t have a sidebar.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Having trouble reducing white space under page titles’ is closed to new replies.