Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2025 at 4:52 pm #1475500
    JantienM

    Hi,
    on my website I’d like to add some margin to the left and right of a content section. I am showing 4 images in 4 columns, I want them to be a bit closer to each other and a bit more centered. Now there is too much space between them and they are fullscreen.
    When I add padding to the columns, the text overlay of the images gets mixed up, so I tried adding this css to make the width of the section smaller, but that didn’t work (nothing happened).

    .home #klanten .container {
    max-width: 800px !important;
}

    Hope you can help me out with whzt I’m doing wrong here or maybe you have a better solution.
    Thanks

    January 21, 2025 at 5:22 pm #1475505
    Rikard

    Hey Jantien,

    Please try this instead:

    #klanten .container {
    width: 800px !important;
    max-width: 800px !important;
}

    Best regards,
    Rikard

    January 21, 2025 at 8:23 pm #1475511
    JantienM

    Hi Rikard,
    Yes, this is working, but the text-overlay on the images does not resize together with the images. The first two images on the left have a text overlay. Do you know how to fix this?
    Thanks again.

    I found my own answer, I can cahnge the font size inside the image box.

    • This reply was modified 1 day, 2 hours ago by JantienM.
    January 21, 2025 at 11:21 pm #1475520
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘add margin left/righ to content section’ is closed to new replies.