Changing Featured Image Resolution on Main Blog Page

Home Forums All Other Themes Changing Featured Image Resolution on Main Blog Page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #111527
    Christopher WilliamsChristopher Williams
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 1, 2017

    On the Event Planners theme, we’ve enlarged the featured image for an article on the main blog page. However, because of the srcset, the image is blurry. We would like to have these images be the correct resolution at our desired size.

    #111556
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Chris

    #111568
    Christopher WilliamsChristopher Williams
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 1, 2017

    You can access it here: http://urlgone.com/540d9a/

    #111571
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .lay4 .hentry img { width:auto;}

    Regards,
    Chris

    #111574
    Christopher WilliamsChristopher Williams
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 1, 2017

    Yes; however, this merely shrinks the images down, instead of allowing them to span the entire article width on the front page.

    #111625
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .lay4 .post_image { width:40% !important;}
    .lay4 .post_content { width:58%; float:left;}
    .lay4 h2 a { font-size:24px !important;}
    
    @media screen and (max-width:479px) {
    .lay4 .post_image { width:100% !important;}
    }

    Regards,
    Chris

    #111637
    Christopher WilliamsChristopher Williams
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 1, 2017

    Okay, this support is not meeting expectations and needs to get on-point immediately.

    We need a large featured image above the title and article preview, and one that is not blurry due to the srcset on the front page. This is a very simple design request. Please re-review your offered solutions, as they merely setup the page like the original template.

    #111792
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Remove CSS

    .lay4 .post_image { width:40% !important;}
    .lay4 .post_content { width:58%; float:left;}
    .lay4 h2 a { font-size:24px !important;}
    
    @media screen and (max-width:479px) {
    .lay4 .post_image { width:100% !important;}
    }

    Add New CSS

    .lay4 .post_image { width:100% !important;}
    .lay4 .hentry img { width:auto;}
    .lay4 .post_content { width:108%; float:left;}
    .lay4 h2 a { font-size:24px !important;}
    
    @media screen and (max-width:479px) {
    .lay4 .post_image { width:100% !important;}
    }

    Regards,
    Chris

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.