round corners boxed content

[DavidJulio]

Hi Mohammad,

I would need to get my boxed contents slightly rounded on their corners – like your slightly rouded buttons.
After some research, I know I have to include this piece of code in the theme options/custom css box:

-webkit-border-radius: 10px;
border-radius: 10px;

But I don’t find the right command in the style.css file.
Could you please help me?

Thanks for your support,
DJ

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
div.wpb_content_element.span4.wpb_box_text.coloured div.wpb_wrapper div.box-content-wrap{border-radius:10px}
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

You are a rock star Mohammad!!!
AC/DC is in the place!
Thank you!!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Mohammed,

Can you relate the above css to a particular page id? so the box on the page in question receives round borders?

Thank you.

[Mohammad – SUPPORT]

Hi,
Please use code like this:-
.page-id-9942 div.wpb_content_element.span4.wpb_box_text.coloured div.wpb_wrapper div.box-content-wrap{border-radius:10px} /* 9942 is page id */
Thanks 🙂
With Best Regards
Mohammad

[George]

Hi Mohammed,

Thank you.

Can this be attributed to the Cardinal theme?

[Mohammad – SUPPORT]

Hi,
It will not work with cardinal theme and you need to create new topic for cardinal theme.
Thanks 🙂
With Best Regards
Mohammad