[Resolved] How can I have certain images all the way to the edge of the screen

Home Forums Support [Resolved] How can I have certain images all the way to the edge of the screen

Home Forums Support How can I have certain images all the way to the edge of the screen

  • This topic has 6 replies, 2 voices, and was last updated 7 years ago by Leo.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #298334
    kyle

    I’d like to recreate this effect

    https://wistia.com/product

    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.

    http://swingtradesmart.com/how-to-read-candlestick-charts/

    #298423
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #298440
    kyle

    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 ๐Ÿ™‚

    #298452
    kyle

    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!

    #298706
    Leo
    Staff
    Customer Support

    Try this CSS:

    .inside-grid-column {
        padding: 0;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #299282
    kyle

    Perfect thank you!

    #299393
    Leo
    Staff
    Customer Support

    Glad I could help!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.