-
Posts
-
Hi,
If you look at this site’s page, you will see all of the images going down the left hand side have small white margins on the top and bottom of the images. I am using the following css in the css image property for each image. How can I get rid of the white margin at the top and bottom so the box shadow is flush with the image?
/* pic shadow */
.picshadow {
box-shadow: 0 0 30px black, 0 0 0 1px gray;
}Thank you!
Nathan
Hey norcalnathan,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
body .aligncenter, .entry-content-wrapper a:hover .aligncenter { padding: 0px!important;}But the above code will affect site wide.
To target the images on that page only use code
body.page-id-2495 .aligncenter, .entry-content-wrapper a:hover .aligncenter { padding: 0px!important;}You can also enable custom css class name for the layout builder elements and use custom css code.
kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Best regards,
VinayHey!
Happy we could help you out.
Please feel free to let us know if we can do anything else for you.Thanks a lot
Regards,
BasilisHi – I have a new similar related issue. The css that Vinay provided has worked perfectly on other sites I’ve created. I’m working on a new site (just installed) and while the css code
body .aligncenter, .entry-content-wrapper a:hover .aligncenter {
padding: 0px!important;}Does remove the top and bottom white margins, I now have left and right margins around the picture. Can you please advise?
Hi @norcalnathan!
Were you able to fix the issue, then, or do you still need our assistance with anything? :)
Best regards,
SarahHi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- The topic ‘padding on top and bottom of image using box-shadow’ is closed to new replies.