Remove grey bar from top of Promo?

Support
#1

Hi I’ve used Promo boxes throughout my site. Now I have to remove the images and just leave them as boxes with text links in them, however I will have to re-add images again in the future. So I don’t want to change them to buttons or anything instead.

How can I remove the grey bar at the top of the promo box?

#2

Hello @jallsopp,

Thanks for asking. :slight_smile:

Can you please share URL? You can also try adding following CSS and let us know how it goes:

.x-promo img {display: none;}

Thanks.

#3

Hi Prasant.
Can you please make this reply private?

I tried that CSS and it didn’t work. The link is: http://vet.lism.catholic.edu.au/index.php/about-vet/about-our-rto/holy-trinity-school/

#4

Hello @jallsopp,

Thanks for sharing URL. :slight_smile:

Please use following code under X > Launch > Options > CSS:

.x-promo-image-wrap {display: none;}

For sharing confidential information I suggest you to use secure note feature.

Thanks.

#5

Thank you. They have decided to go with icons instead so I’ve added them as images. How do I make each Promo box in a row the same height?

#6

Hi there,

That’s a bit tricky, the deciding factor of element height is its content. If you make them in same height, it will look good if the content is small, but not when it’s long and overlapping could occur.

I could check it but I can’t promise a solution, would you mind providing your site’s URL in a secure note?

Thanks!

#7

There are lots of pages with this issue, here’s one

Thanks for your help.

#8

Hi There,

You can add the following code to Cornerstone : CSS

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

Hope it helps

1 Like