Archived topic
How do I change featured image to not be full width?
11 replies · Started by Heath on October 19, 2021
I believe my images being full width are causing some movement issues on the sides. Not sure how else to describe that but how do I change it to where the featured image is not full-width?
Hi Heath,
Can you link us to a sample page where this issue occurs? To confirm the cause of these movements.
You can use the private information text field to provide the details. :D
Yes. It's like the image must extend passed the edge of the screen.
Hi there,
i am seeing a little horizontal scroll on the site and it looks like the custom Post Next/Previous block element causing the issue.
Can you edit the Block Element, select the parent Container Block, and in Spacing remove the left and right margin values. Then clear any browser caches and let me know.
I have done this and I seem to still be having the issue.
Reselect that Container Block, switch to the Mobile View, then check the Spacing. Is there left and right margin values in there ? If so set them to 0
I have done that and I dont know if I did something else but the issue seems to be worse now. 😂
Hmmm... would you be willing to provide me with temporary admin access so i can take a closer look?
Yes, I've put the details into the bottom and I give permission to make any changes if you can.
Can you edit the Post Navigation parent Container Block, select the Spacing and give it 20px Padding on ALL values.
Screenshot for assistance as the layout is quite complicated:
https://www.screencast.com/t/Mjgh7kEAKtF
Once thats done you will need to:
1. Delete the cache including combined CSS / JS.
2. And go to Dashboard > GenerateBlocks > Settings and click Regenerate CSS ( this shouldn't be required but its worth doing ).
As a note - that Cache Plugin locks CSS in real hard, so when making these kinds of changes you will need to do the above to make sure you see the latest styles.
This seems to have worked!! Thanks for all the help!
Glad to hear that!
