As the title says "Adding css drop shadows and borders to images inside page builder"..
Not so long ago i was using a software package like Photoshop to manually add borders and drop shadows to the images before they were uploaded, This is an easy way for me to complete this task, however my clients dont always have the time or software to replicate this..
Now, using the pagebuilder and a small section of code added to the CSS main file we can now add this ability to let clients choose what images have a border and drop shadow automatically added.
So.. Hers the code That needs to be added to the CSS file...
.border-img-5 .fl-photo-content {
display: inline-block;
line-height: 0;
position: relative;
max-width: 100%;
border: 5px white solid;
box-shadow: 8px 8px 12px #aaa;
}
.border-img-3 .fl-photo-content {
display: inline-block;
line-height: 0;
position: relative;
max-width: 100%;
border: 3px white solid;
box-shadow: 8px 8px 12px #aaa;
}