Archived topic
How can I have certain images all the way to the edge of the screen
6 replies · Started by kyle on March 28, 2017
I'd like to recreate this effect
As you can see on the link a few images on the page are pressed right up to the right-hand side of the screen. I like to use this for certain images on my own website.
Below is my website; I'm not sure if this will help or not but there we go.
Hi Kyle,
Looks like you are close.
- Set Box Type to Full Width
- Add no-padding to the Custom Classes field.
https://docs.generatepress.com/article/sections-overview/#opening-the-section-settings
Might take a bit more CSS to style it but let me know when you done the above :)
Thank you! I've made some progress. I've done what you said and now the image on the right is almost at the edge of the screen but there is still a tiny gap and I'm not sure why.
I would also like to have either some padding to the left of the left-hand column so that it's not right up on the left side of the screen. If you would be so kind as to take another look at the example you'll see what I mean.
Thank again. I look forward to your response :)
Hey I figured out half of the problem from this post:
https://generatepress.com/forums/topic/section-side-paddings/
However I still have the slight gap on the right side where the image is not pressed right up. So if you can help with that it would be great!
Try this CSS:
.inside-grid-column {
padding: 0;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Perfect thank you!
Glad I could help!
