(Viewing 2 reply threads)
    • #222
      Terry Hale
      Keymaster
      @mizagorn
      Up
      0
      Down
      ::
      I have a page I am struggling with – fascinatingeducation.com/the-periodic-table
      I want it to line up better, but the text descriptions he is using vary too much in each of his element descriptions.
      I like the flip box approach, but with the flip – unless I spread them too far out – the text would go under the next symbol below when the text is too much (see Helium on first page – then flip).
      I really don’t want to use a “read more” approach.
      This is the Divi-Supreme plugin – on Row 1 only – that would use the flip approach. All the other rows are still just image and text.
      Anyone have any ideas for me – how I might accomplish or maybe a page that you have seen.
      Thanks so much for the help.
    • #224
      Terry Hale
      Keymaster
      @mizagorn
      Up
      0
      Down
      ::

      One way is to set the back of the “card” to the same height as the image on the front of the card, then allow the browser to display a scrollbar if needed when the card is flipped. Since it looks like your element images are 265px in height, then we could do something like this:
      .dsm-content {
      overflow-y: auto;
      height: 265px;
      }

    • #244
      Terry Hale
      Keymaster
      @mizagorn
      Up
      0
      Down
      ::

      Another way would be to have the card fixed and have the text in a toggle at the bottom of each element that a visitor can open.

(Viewing 2 reply threads)
  • You must be logged in to reply to this topic.