Resize Featured Image

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #3494
    Paulb100paulb100
    Member

    Hi,

    How do I resize the featured image on the blog page? I would like the size to be 225 x 205 px with the text right aligned to the pic.

    Please if you can help with the css code that would be greatly appreciated.

    Thank you

    #3509
    RaghavendraRaghavendra
    Moderator

    Something along these lines in the custom/custom.css file or Custom CSS tab in theme options panel can help (will work with thumbnail images only – not videos or sliders) –

    .default-list .image-area {
    display: block;
    margin: 0;
    width: 50%;
    float: left;
    }
    
    .default-list .entry-text-wrap {
    clear: none;
    width: 40%;
    float: left;
    }
    
    #content .hentry .entry-summary {
    	margin: 0;
    	padding-left: 8%;
    }
    
    /* Smaller Tablets and smartphones */
    @media only screen and (max-width: 767px) {
    #content .image-area, .default-list .entry-text-wrap {
    float: none;
    width: 100%;
    }
    
    #content .hentry .entry-summary {
    	padding: 0;
    }
    }
    
    #3523
    Paulb100paulb100
    Member

    That works…thank you so much!!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Resize Featured Image’ is closed to new replies.