This topic has 3 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #134957
     RB
    Participant

    What is the optimum image size for a blog (used as a news) post, so that when I use the KLEO recent posts widget in the sidebar the images are not all squashed together in the circle? You can see an example of this widget in the side bar here:

    http://www.globelics.org/events2/

    Or is there a way to show a thumbnail of the image without it being squashed into a circle?

    Thanks

    #135034
     Radu
    Moderator

    Hi,

    If the images are small like those in the sidebar i recommend you around 100x100px,

    You can remove the “circle overlay” with this css

    COPY CODE
    
    .sidebar .news-thumb img {
        border-radius: 0 !important;
    }
    

    that should be added to wp-admin -> theme options ->general settings -> quick css

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #135247
     RB
    Participant

    Thanks. Is there any way I could also adjust this CSS so that the images are not resized? So they just take a section of the image instead of squashing the image into the space?

    #135289
     Radu
    Moderator

    Are you referring to limit the image width and height ?

    If yes add this

    COPY CODE
    
    .sidebar .news-thumb img {
       width:75px;
       height:75px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?