How To Make Shadow With Blur On A Button And A Button Group
Rob
How can i make shadow with blur on a Button. I don't mean the Box shadow. Only the button.
Joomla 4 Helix Ultimate SP Page Builder Pro V4 beta 2 SP Page Builder Pro V3
Pavel
Accepted AnswerI think will never exist software with all small settings in the world. Therefore, CSS is something that should strive to explore any person working with sites. CSS is not programming. And it is quite simple.
but making a unique class name is too far for me.
It is easier than you think. Just one word or set words without gaps with small letters. Just enter any words, even such
And then the code will be such :)
/* Button*/
.i-love-this-world {
box-shadow: 0 0 10px #000;
}
/* Buttons Group*/
.i-love-my-home a {
box-shadow: 0 0 10px #000;
}Do not give up and soon you will understand that CSS is better than any Page Builder
Ofi Khan
Accepted AnswerHello Rob
There is no such option in the settings. You will need Custom CSS to do this. Sorry, we do not provide customization support.
Best regards
Pavel
Accepted AnswerHi Rob.
Add your own unique class name to Button addon and write css code for this class. Then add result code to the custom.css file.
Code example
.you-own-class {
box-shadow: 0 0 10px #000;
}For Buttons Group addon a little different
.you-own-another-class a {
box-shadow: 0 0 10px #000;
}Ofi Khan
Accepted AnswerYou won't find everything in the settings, Rob. But there are options to achieve this like Pavel adds to this thread. Also, you have to wait for the stable versions. This is just alpha 2 and a lot more to come.
Rob
Accepted AnswerThank you Pavel. The reason I use SP Page Builder is that I'm not good at programming. I can place a Custom CSS, but making a unique class name is too far for me. I hope Joomshaper will listen more to the needs of the customer, and make the addons so that you don't need Custem CSS.