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. Homepage half image half text

Homepage half image half text

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 903 Views 2 Watching
  • 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.
  • F
    F
    FloMo
    wrote on last edited by
    #1

    Hello there,
    I’m trying to set up a homepage in Laytheme, but I’ve run into an issue. I can’t seem to align text in different formats alongside an image that spans more than four rows. Is there a way to achieve this in Laytheme, or is it not possible?

    Many thanks for your support and help.

    e8a4f83a-b5fb-4c68-9a63-c7904fa08dfa-image.png

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      there are two ways to do it.
      one way is a hacky way, one way is to use the stack element:
      8d95053c-eb0c-42b2-a523-76c00c7578e1-image.png

      with the stack element you can just stack elements on top of each other:
      ac09d78b-d365-413f-a3f7-1ae2910c3624-image.png

      https://laytheme.com/documentation/gridder-elements.html#stack-element

      heres the hack-way to do it:

      image.png

      lets say you have your page set up like this

      you could now right click the image and choose set html class and id:

      image.png

      as class enter:
      height0

      add this in:
      lay options -> custom css & html -> custom css for desktop

      .height0{
      height: 0;
      }

      u get:
      2050caf1-d10d-404b-a34a-516fa15a2447-image.png

      1 Reply Last reply
      0
      • F
        F
        FloMo
        wrote on last edited by
        #3

        Amazing. Thank you so much Armin

        1 Reply Last reply
        1
        • arminunruhA
          arminunruhA
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          btw

          image.png

          for this part of the layout you can use the new table element!

          image.png

          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
          D
          Dawid
          L
          lstark
          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