Equal column height in Page Builder

  • Resolved asaracena

    (@asaracena)


    6 years ago

    I love the Page Builder plugin and use it on all my sites. I need three columns in the same row to be the same height. A quick search showed that the vertical alignment set to “stretch” should do it however it’s not working.
    https://verdigrisfurniture.com/austcham-1/

    Is there a quick fix for this? Thank you!

    Alison

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor alexgso

    (@alexgso)

    Hi Alison,

    The Stretch Cell Vertical ALignment setting will stretch all of the cells to the same height. To have the background be the length of the cell, you’ll need to apply the background directly to the cell rather than to a widget inside of the cell.

    To apply a cell background please open the row you’re working on by clicking the wrench icon above the row. You can select a cell by clicking the blue box in the visual column preview (1) – please don’t click the percentage amount or you’ll enter resize mode.

    Head over to the Styles sidebar and scroll down to Cell # Styles section – # will be the cell number. Open the Design settings group (2) and set the Background Color (3) as desired.

    Here’s a visual example of what this looks like:

    https://vgy.me/YxHqdz.png

    Thread Starter asaracena

    (@asaracena)

    That works perfectly, I wasn’t using the row to change the cell and your directions were very clear. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Equal column height in Page Builder’ is closed to new replies.