Archived topic
Drop shadow to generate blocks buttons
4 replies · Started by MADHEPUR on July 10, 2020
Viewing posts 1–5 of 5
Hey there, I want to give dropshadow to all buttons in generateblocks
.gb-button {
-webkit-box-shadow: 0px 0px 13px 0px #000000;
box-shadow: 0px 0px 13px 0px #000000;
}
Go to Appearance > Customize > Additional CSS and paste the above code. I think this should work.
Thanks Suraj,
worth using an RBGA value to give you better control over the color - for example a subtle shadow below:
.gb-button {
box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
}
OR you can add it like so to make the shadow appear on hover:
.gb-button {
box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0);
}
.gb-button:hover {
box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
}
Thanks Suraj and David.It's working.
👍👍
This archived topic is closed to new replies.