WordPress.org

Support

Support » Themes and Templates » [Resolved] How to reduce the space between the image and the text?

[Resolved] How to reduce the space between the image and the text?

  • How to reduce the space between the image and the text when displaying articles in a category?

    Look at the picture to better understand:
    http://tapetevoador.pt/pt/wp-content/uploads/2013/06/how_to_reduce_this_space.jpg

    I think it is somewhere in this section of the style.css file, but I still do not find out where:

    /* =Content
    ———————————————– */
    #main {
    padding-top:10px;
    }
    #main #content .post {
    padding-bottom:6px;
    }
    #main #content .post h1,
    #main #content .post h2.entry-title
    {
    font-size: 20px;
    line-height:20px;
    padding-bottom:6px;
    }
    #main #content .post-img a {
    width:130px;
    height:130px;
    overflow:hidden;
    display:block;
    padding:5px;
    background-color:#fff;
    border:1px solid #bbb;
    }

    (…)

    Thank’s 😉

Viewing 15 replies - 1 through 15 (of 20 total)
  • Hi, it would be better if you post link to your site.
    However from the above code it seems it might be due to width you have set on the img element of the post.
    But not sure from the code, it would be best known if the link of the site is posted

    Hi wp-21!
    Thanks for your reply.
    For now, the site can not be placed online 🙁 …
    but the code is the style.css that comes with the simple-catch theme, so …
    What do you mean with “width you have set on the img element of the post.”?

    i meant this code

    #main #content .post-img a {
    width:130px;
    height:130px;
    overflow:hidden;
    display:block;
    padding:5px;
    background-color:#fff;
    border:1px solid #bbb;
    }

    the width that you have set above.You can use pastebin to post your html and css for the mentioned page.It would be helpful.
    without the codde it would be difficult to sort out the problem

    Sorry but English is not my language 🙂 and some things I do not understand.
    the width:130px is for the image and it’s working … I do not see how it influences the rest.
    I’ll put the site online for a few moments … if you can help 🙂
    http://tapetevoador.pt/pt

    … and the problem is in those cases:
    http://tapetevoador.pt/pt/?cat=5

    ok
    i’ll check it.

    yeah i checked,…and found out the problem is the width set on the container divs on the line 62 and 56
    you have to increase the width for the line 62 and decrease the width for the line 56 like this:

    line 56 becomes this:

    div.col3 {
        width: 145px;
    }

    line 62 becomes this:

    div.col5 {
        width: 571px;
    }

    Ok!!!
    Thank you for your quick and helpful help 😉
    I will try to solve the problem.
    Thanks wp-21!

    Cheers..:)

    Hello wp-21!
    It seems that I still have a problem 🙂
    I can not find the code that you spoke … in what file is?
    Sorry, I’m a newbie 🙂

    it was in a css file named 978.css

    Yes, i’ve just found it!
    🙂

    My 978.css file comes with:

    div.col3 {
    width: 222px;
    }

    div.col5 {
    width: 390px;

    … not with: 145 and 571?
    How is that?

    145 and 571 are the values which should be there.

    Of course 🙂
    Sorry about that … and, once again thnaks for your help.
    Cheers!! 😉

    Resolved!!!

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘[Resolved] How to reduce the space between the image and the text?’ is closed to new replies.