Docs

[SkeeterHarris]

Hi there,

I am using promo boxes and the text in each box tends to very but at the same token I would love to be able to figure out a way to make them all appear the same length at least the box that it. I have tried adding </br> or </h2> to add spaces to “align” them but it’s not precises and can be hit or miss. In fact here is an example – http://bcb.5d4.myftpupload.com/services/

Is there a way in CSS, etc to provide perhaps a fine tuning for spacing that I could add to each box that would allow to to set a unique number etc to account for the variability of the text in the box?

Thank you!

[Jade]

Hi there,

Please add a class to first <p> in the promo content box then add this code in the customizer (assuming that the class you added is content):

.x-promo-content p.content {
    min-height: 155px;
}

Hope this helps.

[SkeeterHarris]

Hi Jade,

Thanks for the help and I’ve applied the CSS styling to the customizer and think I am applying the class right to the content of the promo box but it doesn’t seem to make all the boxes the same height on the page. Here is what I added and I’ll also provide creds for you below that. Thanks – Skeeter

<h4>Real Estate</h4>
<p style=”text-align: left;”; p class = “x-promo-content”>Whether you’re looking for commercial real estate to buy, sell or lease, we can help. We also offer brokerage services and listings for undeveloped land if you have a new project in mind.</p>
<p style=”text-align: center;”>LEARN MORE</p>

[SkeeterHarris]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. Let’s try this CSS :

.x-promo-content {
  min-height: 310px;
}

You can try adjusting the value.

Cheers!

[SkeeterHarris]

Hey – this worked like a champ, but since I am using promo-boxes on multiple pages with different heights I applied the CSS at the page customizer level! Thanks again and have a great day 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts