Docs

[newskywebsites]

Hi there, I feel like I must be making you guys crazy… I have another question. I need to make a 10px radius on the corners of the Promo element now too. I tried this CSS but it didn’t work:

.x-promo {
border-radius: 10px !important;
}

I also tried adding to the Style field of the Promo element:
border-radius: 10px 10px 10px 10px; and then I tried border-radius: 10px

No luck. Is this possible?

Site: http://vitalgreen.newskywebsites.com/
Lastest versions of everything.

Thanks!
Dawn

[newskywebsites]

Oops, I should clarify – I managed to get the bottom corners rounded with the style field, but not the top around the image. See attached.

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue and make sure that the promo element is rounded shape, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS or insert it in the customizer if you want all promo elements to have rounded corners.

.x-promo {
  border-radius: 10px !important;
  overflow: hidden;
}

We would loved to know if this has work for you. Thank you.

[newskywebsites]

Worked like magic! Thank you so much!
dawn

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts