Is there anyway to put a shadowed border around a cell ? Thanks
Hey 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,
Yigit
Thanks. 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/
Hi!
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,
Yigit
Thanks. 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.
Sure. Thanks Yigit. See the two boxes “upcoming events” and “latest news” in page I’m sending you.
Hey!
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,
Yigit
Wow ! That works great. Looks fantastic ! Thanks ! -Joe