Support Forums

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

Your Time: Our Time:

Border-radius Issue

Featured Lock Resolved Task
Hello,

I need to add Border-radius at the bottom of SP add-on. I created css class,

.box-kl2 {
background-color: #F6872D;
border-width: 5px;
border-color: #F6872D;
border-style: solid;
border-radius: 0px 0px 15px 15px;
}
But it's not applied. Please advice how to do it

Many Thanks

Attachments (1)

  • අප අමතන්න.png
    අප අමතන්න.png 13 KB

6 Answers

Pavel

More than a month ago #Permalink
Delete the dot before the class name.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
did you add class name into addon Custom Class field ?
--
In general we do not help in customizations.

harshag

More than a month ago #Permalink
I added like below. Please check screen.
Many Thanks for the support

Attachments (1)

  • SP Page Builder.png
    SP Page Builder.png 48.3 KB

Pavel

More than a month ago #Permalink
And the second step. Insert your code into the addon css field ( in the frontend editor or in the backend editor)
Instead border-width use padding.
http://dl3.joxi.net/drive/2018/03/17/0008/0401/545169/69/303df28285.png

Paul Frankowski - Staff

More than a month ago #Permalink
@harshag
read book about CSS and study harder, simple mistakes are painful.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 132
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 24
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289649

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