Extra wide distorted image on top of post page

Home Forums Gravida Support Extra wide distorted image on top of post page

This topic contains 9 replies, has 2 voices, and was last updated by  Forum Moderator 3 days, 13 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #130540

    Virginia Prunty
    Participant
    • Topics: 4
    • Replies: 10
    • Total: 14
    Member since: March 24, 2019

    I have my post page in a sidebar widget on my home page (development site). When I click on an individual post in that sidebar, the post with image appears just fine, but the image also appears full width and distorted under my header. I could not find in customizer or CSS how to eliminate that full width additional image. Any suggestions or help would be appreciated!
    indigoplantationpoa.pruntyfamily.com/indigo/

    #130541

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    Hi,

    Your website is on under cunstruction mode. Therefore we are unable to check the issue.

    Regards,
    Chris

    #130546

    Virginia Prunty
    Participant
    • Topics: 4
    • Replies: 10
    • Total: 14
    Member since: March 24, 2019

    Construction mode is off now.

    #130549

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    Hi,

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

    .page_head, .post_head { background:#f4f4f4;}
    .page_head img, .post_head img { width:auto !important;}

    Regards,
    Chris

    #130551

    Virginia Prunty
    Participant
    • Topics: 4
    • Replies: 10
    • Total: 14
    Member since: March 24, 2019

    The duplicate top image (not stretched now) is still showing twice – once at the top of the post and then again with the post.
    What can I do to remove that top duplicate post image?

    #130577

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    Hi,

    Kindly use this one

    .page_head, .post_head { display:none;}

    Regards,
    Chris

    #130613

    Virginia Prunty
    Participant
    • Topics: 4
    • Replies: 10
    • Total: 14
    Member since: March 24, 2019

    Unfortunately, this did not work. Double image still showing including some large gray block between images. when I click on the post listing.

    #130636

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

    .post_wrap.layer_wrapper .page_head, .post_head { display:none !important;}

    Regards,
    Chris

    #130661

    Virginia Prunty
    Participant
    • Topics: 4
    • Replies: 10
    • Total: 14
    Member since: March 24, 2019

    Worked this time. Thanks.

    #130701

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    🙂

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.