Extra wide distorted image on top of post page

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #130540
    Virginia Prunty
    Participant
    • Topics: 8
    • Replies: 12
    • Total: 20
    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: 22784
    • Total: 22784
    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: 8
    • Replies: 12
    • Total: 20
    Member since: March 24, 2019

    Construction mode is off now.

    #130549
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22784
    • Total: 22784
    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: 8
    • Replies: 12
    • Total: 20
    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: 22784
    • Total: 22784
    Member since: August 16, 2013

    Hi,

    Kindly use this one

    .page_head, .post_head { display:none;}

    Regards,
    Chris

    #130613
    Virginia Prunty
    Participant
    • Topics: 8
    • Replies: 12
    • Total: 20
    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: 22784
    • Total: 22784
    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: 8
    • Replies: 12
    • Total: 20
    Member since: March 24, 2019

    Worked this time. Thanks.

    #130701
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22784
    • Total: 22784
    Member since: August 16, 2013

    🙂

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