Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. text float image

text float image

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 955 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H
    H
    hanna
    wrote on last edited by
    #1

    hi there!
    how can i make the text float around the image responsively?
    in this page: http://isabelgatzke.com/about/
    i tried the html option in the gridder but i couldnt make it work.

    thank you for your help!

    1 Reply Last reply
    0
    • H
      H
      hanna
      wrote on last edited by
      #2

      hello, can you give me a hint maybe?
      highly appreciated!
      :)

      @arminunruh @Richard

      1 Reply Last reply
      0
      • RichardR
        RichardR
        Richard
        Global Moderator
        wrote on last edited by
        #3

        Dear @hanna

        The text and float requires the image and text to be within the same parent container.

        https://www.w3schools.com/css/css_float.asp

        I was able to add the image to the same container as the text by using the <> source code input within the text element:

        Screen Shot 2022-04-16 at 6.58.09 PM.png

        There i added an image manually:
        Screen Shot 2022-04-16 at 6.58.20 PM.png

        The Code:

        <img src="insert-image-url-address-here" alt="what-you-want-to-call-it" /> 
        

        The image url address can be found within media library when inspecting an image:

        Screen Shot 2022-04-16 at 7.00.31 PM.png

        Then if i apply float:left to the image the text and image wrap 👍


        Best wishes
        Richard
        1 Reply Last reply
        0
        • H
          H
          hanna
          wrote on last edited by
          #4

          Thank you so much! Ill try it out

          1 Reply Last reply
          1
          • RichardR
            RichardR
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Thanks @hanna have a wonderful day 🌝

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            I
            itsbadjujuju
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search