• Resolved flashlula

    (@flashlula)


    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

    Thread Starter flashlula

    (@flashlula)

    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

    Thread Starter flashlula

    (@flashlula)

    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;
    }

    Thread Starter flashlula

    (@flashlula)

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

    Cheers..:)

    Thread Starter flashlula

    (@flashlula)

    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

    Thread Starter flashlula

    (@flashlula)

    Yes, i’ve just found it!
    πŸ™‚

    Thread Starter flashlula

    (@flashlula)

    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.

    Thread Starter flashlula

    (@flashlula)

    Of course πŸ™‚
    Sorry about that … and, once again thnaks for your help.
    Cheers!! πŸ˜‰

    Thread Starter flashlula

    (@flashlula)

    Resolved!!!

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