Forums

Reduce White Space Around Post Title (Twenty Eleven) (14 posts)

  1. telgilbert
    Member
    Posted 1 year ago #

    Hello

    My Website is http://www.electronic-cigarette-facts.com. I am using a TwentyEleven Child Theme. I would like to reduce the white space around the post title on my STATIC pages. To see exactly the space I wish to reduce click here.

    I have looked around and it seems that other people have had this problem and have fixed it by adding the following code to the Child Theme CSS:

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

    But this has not worked for me. I also wanted to reduce the title font size, and managed to do that by adding this code:

    .entry-title{ font-size: 20px;}.

    So I have worked out how to change something on CSS, but not reduce white space, which is what I really, really, really want to do! How do I reduce this space? If you help me I will love you forever!

    Thanks

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. telgilbert
    Member
    Posted 1 year ago #

    Hi Esmi. Thanks for the reply. I've downloaded firebug and it lets me see some of the code in the site, but I still can't see how to remove the white space. I am VERY new to all this. Which part of the code do I need to edit, and how do I do that when I can't even see the code in the child theme style sheet?

  4. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    You need to add new CSS to the child's stylesheet to make the changes that you require. If you are new to CSS, see:
    CSS Tutorials
    Learning CSS

  5. telgilbert
    Member
    Posted 1 year ago #

    I am doing my best to learn CSS but obviously this takes time. I'd noticed that people often share code for this sort of thing on the forum and I was hoping that someone could help me out. I appreciate that I need to learn this stuff myself, but it's nice to get a helping hand occasionally. I thought that was what WordPress is all about.

  6. telgilbert
    Member
    Posted 1 year ago #

    OK. I have read some more about CSS and I have been successful in changing the font size and line heigh, which has reduced some of the white space. I am however at a complete loss as how to remove all the white space from around the post title on my static page. Please help! :o)

  7. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    I'm sorry but it is beyond the scope of these forums to teach basic CSS. Try asking on a general CSS forum.

  8. telgilbert
    Member
    Posted 1 year ago #

    Isn't the title of this forum 'How to and Troubleshooting'? I would have thought this would be a good place to ask. I guess this is no place for a newbie. I apologize for disturbing you.

  9. ghostsplosion
    Member
    Posted 1 year ago #

    I am having trouble with this as well. The padding around the post titles is somewhat elusive and seems to be controlled by some style which is not very obvious. A bit of help would be greatly appreciated.

  10. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    @ghostsplosion: Please post your own topic.

  11. telgilbert
    Member
    Posted 1 year ago #

    Hi Ghostsplosion. I know what you mean. It is a very elusive bit of code and I still haven't found it. If you find it can you let me know? Good luck!

  12. govpatel
    Member
    Posted 1 year ago #

    @telgilbert

    Copy and paste this code in child theme style.css if you do not have the code
    #main {
    clear: both;
    padding: 1.625em 0 0;
    }

    You can reduce the padding above Welcome is 1.625em

    and same on this code below Welcome

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

  13. telgilbert
    Member
    Posted 1 year ago #

    Hi Govpatel

    Thanks for replying. I have copied this code into the child theme style.css, but it has made no difference. I have also tried changing the 1.625 to a lower number. If you could explain a little further that would be amazing.

    Many thanks.

  14. govpatel
    Member
    Posted 1 year ago #

    I do not see the changes in code double check that you made the change in right code I posted above

Topic Closed

This topic has been closed to new replies.

About this Topic