WordPress.org

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.