Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 21, 2019 at 7:46 pm #1081541
    Sandy

    I’m trying to have the following in the socket:
    1 2link 3image
    With 1 left justified, 2 centred, and 3 right justified. On mobile they should flow and not overlap each other.

    I’m new to CSS and I’ve tried some CSS but either the image disappears, or the content only covers the left half of the webpage width, or the items just end up stacked up on each other in one column on the left. Float ends up having overlapping content on mobile.
    Any ideas?

    March 22, 2019 at 2:33 am #1081670
    Vinay

    Hey m,

    Thank you for contacting us.

    It is not exactly clear what you need? Please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

    https://snag.gy/
    https://ctrlv.cz/en/
    https://imgur.com

    Best regards,
    Vinay

    March 22, 2019 at 5:04 pm #1081935
    Sandy

    Here is a mockup of what I explained above. The mockup shows the socket area which is below the footer area of a website. The mockup shows the desired layout on desktop view.

    March 28, 2019 at 3:27 am #1083887
    Vinay

    Hi,

    Thank you for sharing the details.

    1. Go to Enfold > Footer > Copyright and add the below HTML code in the field.

    
<div class="left"> Left </div>
<div class="center"> Center </div>
<div class="right"> Right</div>

    2. Go to Enfold > General Styling > Quick CSS and add the below CSS

    #socket .copyright {
    float: left;
    display: flex;
    justify-content: space-between;
    min-width: 100%;
}

    I have added the CSS class names left, center and right so you can target the elements in case you want to custom style the elements.

    Best regards,
    Vinay

    March 28, 2019 at 4:10 pm #1084155
    Sandy

    Thank you!!!! :))

    March 29, 2019 at 3:51 am #1084442
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Inline text and image in socket’ is closed to new replies.