Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 19, 2021 at 10:23 pm #1282334
    Sandy

    How can I have an image that is added in one tab of the Tabs element float right of the text? It only sits after the text.

    February 20, 2021 at 3:34 pm #1282488
    Sandy

    Here is the site info.

    February 20, 2021 at 7:15 pm #1282505
    Victoria

    Hey m,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 20, 2021 at 7:27 pm #1282511
    Sandy

    Sure here is a rough mockup showing the image floating to the right of the text. The text would reflow so as to not overlap or hide behind the image of course.

    February 20, 2021 at 7:47 pm #1282529
    Victoria

    Hi m s,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    You need to add some more HTML to make it easier to adjust.

    Best regards,
    Victoria

    February 20, 2021 at 7:51 pm #1282532
    Sandy

    Sure here it is.

    February 28, 2021 at 4:55 pm #1284264
    Victoria

    Hi m s,

    Sorry, I could not get to the issue earlier.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (min-width: 1024px) {
  #top .float-left {
        width: 55%;
      float: left;
      margin-right: 30px;
  }

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 28, 2021 at 11:23 pm #1284299
    Sandy

    Thank you. It works on the first tab only it seems. And the photo isn’t all the way to the right (in line with the right of the fist bigger image above it)

    March 1, 2021 at 5:41 pm #1284509
    Victoria

    Hi m s,

    Oh, I did not know you wanted it in other tabs too. Anyway, I added the class to the ul element and added the css. You can adjust the margin-right to the value that works for you.

    Best regards,
    Victoria

    March 1, 2021 at 5:58 pm #1284528
    Sandy

    Thank you. Where is the new code?

    • This reply was modified 3 years, 9 months ago by Sandy.
    March 2, 2021 at 5:37 pm #1284840
    Sandy

    Thank you for your help! This works!

    March 3, 2021 at 2:08 am #1284905
    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 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Float Right Image in Tabs’ is closed to new replies.