Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 1, 2020 at 9:45 pm #1218544
    tomkent2005

    Hi,
    Unfortunately, I couldn’t find anything on this. I am trying to place 3 images with links inside the socket of Enfold. Images are required to be side by side with no space in between and the width of the three images together should extend the full width of the page. I have been able to get the images inside the socket but not so good on complete control. Additionally on mobile the images are lining up off center.

    #socket .copyright {
    position: relative;
    right: -100px;
    padding: 0 !important;
    }

    #socket .container {
    padding-top: 0px;
    padding-bottom: 0px;
    }

    Credentials below

    Thanks,
    Thomas

    June 8, 2020 at 4:33 am #1220358
    Mike

    Hey Thomas,
    Sorry for the late reply and thanks for the login, I adjusted your css to this:

    #socket .copyright {
position: relative;
width: 100%;
padding: 0 !important;
}
#socket .copyright a {
    width: 33.33%;
}
#socket .copyright a img {
    width: 100%;
margin: 0 !important;
}
#socket .copyright p {
margin: 0 !important;
}
#socket > .container {
  padding: 0px !important; 
  margin: 0px !important; 
max-width: 100% !important; 
width: 100% !important; 
}

    now your 3 buttons stretch 100% of your site, each 33%
    Please see the screenshot in Private Content area, and clear your browser cache and check.

    Best regards,
    Mike

    June 8, 2020 at 9:04 pm #1220644
    tomkent2005

    Thanks for your help Mike. Perfect!

    June 9, 2020 at 3:30 am #1220700
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Socket Customization’ is closed to new replies.