Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 26, 2023 at 5:28 pm #1428885
    sophiasbiti

    Hi there,

    I want to position two images side by side, centered – with about 3px in between them for now (and the ability to adjust). I’ve tried applying custom CSS, but unfortunately, nothing I’ve done has worked. Possibly due to predefined styles or behaviors. Can you please help?

    Thanks,
    Sophia

    December 27, 2023 at 12:28 pm #1428906
    Mike

    Hey sophiasbiti,
    To align your two icons side-by-side and center them in the page, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.page-id-3264 .avia-builder-el-20 {
	text-align: center;
}
#top.page-id-3264 .avia-builder-el-20 .avia-image-container {
	display: inline;
}

    the expected results:
    Enfold_Support_4239.jpeg
    To have the icons closer you will need to choose images with less empty space around them, here you can see the empty space:
    Enfold_Support_4241.jpeg

    Best regards,
    Mike

    December 27, 2023 at 4:55 pm #1428909
    sophiasbiti

    Awesome. It worked, and I was able to replicate this on another page by switching out the page id.

    Thanks so much, Mike!

    December 27, 2023 at 5:08 pm #1428912
    Mike

    Hi,
    Glad we were able to help, 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 ‘Images side by side’ is closed to new replies.