nicbrancato Posted October 25, 2022 Share Posted October 25, 2022 I'm trying to make select images full width on blog pages. So far, I've been able to change their size by editing padding and margins, but then the images don't adapt to changing screen sizes. Here is an example image, with lots of room to either side. Alternatively, I'd be happy if I could make a banner image on blog posts, but the plan I'm using doesn't seem to allow javascript. Not sure if there is another way to do it, but if there is, I would welcome it! Any help is greatly appreciated! Link to comment
ReformDesign Posted October 26, 2022 Share Posted October 26, 2022 Apply these by page or by the .blog-grid-masonry-item-wrapper selector: .sqs-image-shape-container-element { width: 100vw; } .blog-item-wrapper article.entry { padding-right: 0vw; padding-left: 0vw; } Link to comment
nicbrancato Posted October 26, 2022 Author Share Posted October 26, 2022 Thanks for your help! That seemed to make the content larger than the screen, so there was a horizontal scroll bar. Is there a way to make the content adapt to the full width of the screen size? Link to comment
ReformDesign Posted October 26, 2022 Share Posted October 26, 2022 3 hours ago, nicbrancato said: Thanks for your help! That seemed to make the content larger than the screen, so there was a horizontal scroll bar. Is there a way to make the content adapt to the full width of the screen size? There's something going on outside of the blog pages that's affecting the content width. The page is not loading in at 100% of the viewport width on narrower sizes. I'll take another look later. nicbrancato 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment