This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Spacing on Rows

Open 1 reply premiumthemetheme-vantage
MATTB58
10 years ago · Last reply by Andrew Misplon 10 years ago

On my home page I have a row with four columns in it. In each column there is text and a button underneath generated from a short code using the max buttons plug in. When I resize the window of my website the number of lines that the text takes up changes. This makes the buttons move so they are no longer in line with each other. What is the best way to make sure the buttons remain at the same level regardless of window size?

Looking forward to your expert answer :)

Matt

URL: http://3aa.910.myftpupload.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hi MATTB58

    There isn’t an easy answer for this one. You could perhaps try this:

    <p class="feature-text">
Text goes here.

    From the text tab of each widget, ensure the text has a paragraph that has a class like the above.

    Then in Custom CSS you could say:

    @media (max-width: 1100px) {
.feature-text {
min-height: 500px
}
}

    You’d need to play with the values there. The viewport at which this starts and the min-height for the paragraph blocks.

    That says, under 1100px apply a min-height to the paragraphs that have the class feature-text.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread