Skip to content
Public Ticket #29186

Featured Image on HomePage Is Not Taking Up the Full Container

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.



Jon Miksis replied

Customer Reply

I went ahead and added those scripts in, but I would like to know how to make sure I don't need to do that in the future. Also- I'm still seeing the issues with broken blocks in Wordpress blog posts. Thanks in advance for your help

Jon Miksis replied

Customer Reply

I just updated my Soledad theme with your instructions below and the issue persists. Also, despite what you said previously, I noticed that my custom codes are now gone when I updated the theme. For example: my custom disclosure, Google Analytics tracking code, and Stay22 script are all gone. Please advise.

Jon Miksis replied

Customer Reply

Hi there, will all custom settings be retained, even though I have to do a manual update to the theme? Can you help me program automatic updates so I don't lose anything? Thank you.

PenciDesign Supporter replied

Staff Reply

Hi,

I've configured the Soledad theme child theme for your site.

Now all the custom settings will be saved when you update Soledad theme in the future.

Regards,
PenciDesign.


Jon Miksis replied

Customer Reply

Can you provide some instructions on how to do that? Just want to make sure I don't encounter any issues and lost all my settings. Thank you!

PenciDesign Supporter replied

Staff Reply

Hi,

If you want to keep all the current settings, please try to use the child theme and then overwrite these files:

- page-penci-full-width-home.php
- content-page.php

Regards,
PenciDesign.


PenciDesign Supporter replied

Staff Reply

Hi,

I've edited your site.

Please clear all the browser caches and check again.

Regards,
PenciDesign.


PenciDesign Supporter replied

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.



Jon Miksis replied

Customer Reply

I just noticed that the featured image isn't showing up at all on the mobile version (see screenshot). Can you please help me fix this as well?

Jon Miksis replied

Customer Reply

Here is an example of how I'd like the white space margin to look (on both sides, for the image and text)

Jon Miksis replied

Customer Reply

Thank you! This helped me increase the size of the image- the only issue now is that there's no space on the left side - it's a bit uncentered. Can you help me fix this? (see attached screenshot - showing white space on right but no space on left)

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

body.home .post-image {
  width: 100vw;
  margin-left: calc( ( 100vw - var(--pcctain) ) / 2 * -1 );
}
body.home .post-image img {
  width: 100%;
  height: auto;
}

Regards,
PenciDesign.



Jon Miksis started the conversation

Conversation Start

I am trying to figure out why my featured image on my homepage is not taking up the full container width. I would like the image to at least be as wide as the text, and take up most of the entire screen on a laptop browser. Any help would be greatly appreciated, thanks!

Want to join this conversation or access attachments? Sign in first.