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. get div height from another (higher) div

get div height from another (higher) div

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

    hello,

    i want to achieve that a row of three stacks all have the same height although they dont have the same amount of content. here’s a screenshot showing the problem:three divs
    Website

    I want the blue stack on the left to define the height of the other two.

    the stacks have ids (eg "card_blue") which i used to give them individual background-colors. i found a js code which i tried out here

    when i adapt it to laytheme it works fine but it disables lightbox, carousel as well as the "chalk board" above.
    I didnt use "$" and i updated my addons and laytheme ...

    heres the code i used code

    really would appreciate help a lot. maybe there’s a much easier way to achieve what i want? Or how can prevent the code to mess with the other elements?

    many thanks in advance, c

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

      Dear Chris

      @chris404

      I understand what you mean and thank you for the post - Just to clarify how you would like the middle and right stacks to fill the space.

      The Image and font would expand to fill the space?
      Just wish to understand correctly so i can help more efficiently 🌝


      Talk soon Chris, Sincerely
      Richard

      1 Reply Last reply
      0
      • C Offline
        C Offline
        chris404
        wrote on last edited by
        #3

        Dear Richard,

        thanks a lot for your reply!

        The background color would fill the space.

        this is how it looks now:
        Bildschirmfoto-2021-06-10-um-17.30.23.png

        and that’s what i would like to have, the blue stack defines the height of the other two:

        Bildschirmfoto-2021-06-10-um-17_1.30.23.jpg

        best wishes
        Christian

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

          Dear Christian

          @chris404

          Have I loaded your website correctly? Elements are obviously unstacked now.
          Screen Shot 2021-06-12 at 4.37.39 PM.png


          Talk soon
          Richard
          1 Reply Last reply
          0
          • C Offline
            C Offline
            chris404
            wrote on last edited by chris404
            #5

            hello,

            sorry -the url has changed to https://tennessee-mountain.de/

            in desktop view they should look like in my screenshots above.

            every "card" is a stack containing the headline, an image and sometimes a text underneath the image.

            here is the code i tried out. code

            it worked but it disabled the laytheme carousel plugin and the pdf viewer plugin i am using.

            thank you, best c

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

              Dear @chris404

              Unfortunately i cannot help you further with personal customization.
              Reference on how to use Lay Theme functions:

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

              You may want a developer if you wish to change Lay Theme further.


              Best wishes 🌝
              Richard
              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
              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