Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Different rounded corners on each corner

Featured Lock Resolved Task
Hi

I am trying to have some of the text blocks with rounded corners at the top and straight corners at the bottom.

if I use custom css

.topbox {

border-width: 10px;
border-style: solid;
border-radius: 10px 10px 0px 0px;
}

and use it in the text block css class field the border is on the content part of the block not on the containing block.

I tried on the Style section without success; not sure what my syntax should be - what would be my selector? Is it possible?


Thanks.

11 Answers

Please login to view replies.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 190
Sifat

Sifat

Total Accepted Answers: 151
Toufiq

Toufiq

Total Accepted Answers: 64
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2
N

Nerio

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us