Forums

[Thumbnail for Excepts] Cannot adjust spacing? (6 posts)

  1. eceplayground
    Member
    Posted 1 year ago #

    Okay, my blog is located here:
    http://www.eceplayground.com/reviews

    The problem I'm having is that I am not able to leave space beside the thumbnail on my homepage, preferable a few pixels in between the thumbnail and text. What would I have to do?

    thanks

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    add a line like this to style.css of your theme:

    img.alignleft.tfe {margin-right: 10px;}

  3. eceplayground
    Member
    Posted 1 year ago #

    where?
    ive tried a few places but it changes nothing..

    also, how can i get the "read more" button/link to appear?

  4. eceplayground
    Member
    Posted 1 year ago #

    bump :)

  5. alchymyth
    The Sweeper
    Posted 1 year ago #

    ive tried a few places but it changes nothing..

    to see the results of css changes, you sometimes need to refresh the browser cache or reload the page you are viewing.

    at the moment you managed to stick the new css into the middle of another style - wrong place.
    this is it now:

    .wp-caption {
    
       border: 1px solid #ddd;
    
       text-align: center;
    
       background-color: #f3f3f3;
    
       padding-top: 4px;
    
       margin: 10px;
    
    img.alignleft.tfe {margin-right: 10px;} 
    
       /* optional rounded corners for browsers that support it */
    
       -moz-border-radius: 3px;
    
       -khtml-border-radius: 3px;
    
       -webkit-border-radius: 3px;
    
       border-radius: 3px;
    
    	}

    try and change it to:

    .wp-caption {
    
       border: 1px solid #ddd;
    
       text-align: center;
    
       background-color: #f3f3f3;
    
       padding-top: 4px;
    
       margin: 10px;
    
       /* optional rounded corners for browsers that support it */
    
       -moz-border-radius: 3px;
    
       -khtml-border-radius: 3px;
    
       -webkit-border-radius: 3px;
    
       border-radius: 3px;
    
    	}
    
    img.alignleft.tfe {margin-right: 10px;}

    your theme seems to be using 'the_excerpt()' in the front page, and there is normally no 'read more' with it.
    but you can check this method:
    http://codex.wordpress.org/Template_Tags/the_excerpt#Make_the_.22read_more.22_link_to_the_post

  6. eceplayground
    Member
    Posted 1 year ago #

    awesome! thanks let me try "read more"

Topic Closed

This topic has been closed to new replies.

About this Topic