Extra wide distorted image on top of post page

[Indigo Plantation]

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/

[Forum Moderator]

Hi,

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

Regards,
Chris

[Indigo Plantation]

Construction mode is off now.

[Forum Moderator]

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

[Indigo Plantation]

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?

[Forum Moderator]

Hi,

Kindly use this one

.page_head, .post_head { display:none;}

Regards,
Chris

[Indigo Plantation]

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

[Forum Moderator]

Hi,

Kindly use this CSS

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

Regards,
Chris

[Indigo Plantation]

Worked this time. Thanks.

[Forum Moderator]

🙂

[Author]

Posts