-
AuthorPosts
-
March 10, 2016 at 3:34 pm #596315
Is there anyway to put a shadowed border around a cell ? Thanks
March 10, 2016 at 4:10 pm #596334Hey bibbitybop!
Yes, you can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your column and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { box-shadow: 10px 10px 5px #888888; }Regards,
YigitMarch 10, 2016 at 5:11 pm #596379Thanks. I should have been more specific though. What I am looking for is shown in the link below, which uses the Enfold them. The three boxes in the middle of the page have a shadowed/raised border around the entire cell. It’s a nice effect. Do you know how they are achieving this ? Thanks !
http://larimerworkforce.org/resources/March 10, 2016 at 5:27 pm #596394Hi!
They are using a third party plugin or custom code. Solution i posted above should have worked actually but if you can post the link to your page we can take another look :)
Regards,
YigitMarch 10, 2016 at 5:49 pm #596416Thanks. The code you posted did work, but unfortunately it wasn’t exactly what I was looking for. I was trying to replicate what was shown in the link.
March 10, 2016 at 5:51 pm #596420March 10, 2016 at 6:15 pm #596451Sure. Thanks Yigit. See the two boxes “upcoming events” and “latest news” in page I’m sending you.
March 10, 2016 at 6:20 pm #596459Hey!
Please change the code to following one
.apl-shadow-border { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.22); padding: 10px; }Regards,
YigitMarch 12, 2016 at 3:21 am #597114Wow ! That works great. Looks fantastic ! Thanks ! -Joe
March 14, 2016 at 4:27 am #597482 -
AuthorPosts
- You must be logged in to reply to this topic.
