Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. Making elements withing "element grid" multiple columns wide

Making elements withing "element grid" multiple columns wide

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 234 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.
  • J Offline
    J Offline
    Jahn
    wrote on last edited by
    #1

    Hello there

    Is it possible to make one image within the «element grid» span multiple columns?
    Or is it possible to give elements within the «element grid» individual classes so I could target them with css?

    Thank you!

    Best,
    Jahn

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @Jahn
      can you send a link to an example page you want to change. That would make it easier.

      Best!

      Marius

      www.mariusjopen.world

      J 1 Reply Last reply
      0
      • mariusjopenM mariusjopen

        Dear @Jahn
        can you send a link to an example page you want to change. That would make it easier.

        Best!

        Marius

        J Offline
        J Offline
        Jahn
        wrote on last edited by
        #3

        Hi @mariusjopen

        Yes, of course, here is a link [wip]: https://lea-maria.com/test

        Here I am using the Element Grid with two rows, bottom aligned and then center aligned in the gridder. In this combination of two images of portrait and landscape orientation, the landscape oriented one will look rather small. So I was wondering, if it would be possible to make three columns in the element grid and make the landscape oriented image span two columns.

        Maybe here it would make more sense not to use the element grid at all? I was using it instead of layouting in the gridder because without the element grid I could not figure out how to center align two columns of images wich are bottom aligned to themselves. I hope this makes sense! :)

        Thank you!

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @Jahn
          there is not really a clean way to do this. I would try to place the images separately and then adjust it a bit with CSS.

          Best!

          Marius

          www.mariusjopen.world

          J 1 Reply Last reply
          1
          • mariusjopenM mariusjopen

            Dear @Jahn
            there is not really a clean way to do this. I would try to place the images separately and then adjust it a bit with CSS.

            Best!

            Marius

            J Offline
            J Offline
            Jahn
            wrote on last edited by
            #5

            @mariusjopen Okey, I see. Would be cool to have a clean solution, bit this will also work fine.
            Thank you :)

            1 Reply Last reply
            0
            • mariusjopenM Offline
              mariusjopenM Offline
              mariusjopen
              Global Moderator
              wrote on last edited by
              #6

              Dear @Jahn
              a small secret from a developer: It is never clean :-)

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              💿 Email me here: 💿
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              Online Users
              A
              alasdair17
              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