ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• August 3, 2016 at 5:56 am #285576
  tiago

  Member

  Post count: 58

  Hi,

  I’m wondering if it is possible to have an expanding row that shows text (like read more) with a background image before expanding.

  August 3, 2016 at 11:56 am #285665
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Yes there is expanding rows, but not sure what you mean about the bg image?

  – Kyle

  August 3, 2016 at 12:19 pm #285671
  tiago

  Member

  Post count: 58

  Hi, thanks for taking time to reply.

  Currently, before expanding a row, all that is visible is a text link on the body background colour.
  I’m was wondering if I could have an image on the background of the collapsed row, with a text link on top.

  Something to this effect:

  Collapse-O-Matic > Line of Trigger Images

  August 3, 2016 at 12:22 pm #285673
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  .spb-row-expand-text.container {
    background-image: url("");
  }

  – Kyle

  August 3, 2016 at 3:32 pm #285711
  tiago

  Member

  Post count: 58

  Thanks a lot Kyle!

  Not exactly what I was looking for but I’ve managed to dig out the rest from that tip.

  In the end the css looked like this:

  #rowID a, .ui-widget-content {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%;
  width: 250px;
  margin-top: 110px;
  margin-bottom: 110px;
  padding: 10px 10px 10px 10px;
  border: 2px #ffffff solid;
  }
  #rowID a:hover, .ui-widget-content {
  color: #203664;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%;
  width: 250px;
  margin-top: 110px;
  margin-bottom: 110px;
  padding: 10px 10px 10px 10px;
  border: 2px #203664 solid;
  }
  #rowID.dynamic-header-change {
  height: auto;
  background-image: url(“”);
  }

  Thanks again!

  August 3, 2016 at 3:49 pm #285716
  tiago

  Member

  Post count: 58

  p.s. I din’t really explain myself well, sorry about that. I wanted the background image to fill the whole width of the collapsed row, not just the link container, but thanks anyway. As I said, it helped me figure out the rest.

  August 3, 2016 at 3:50 pm #285717
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok great! No problem

  – Kyle

• Back to forum

  Posted in: Uplift