Home Forums Theone WordPress Theme Shadow on Magnific-popup pluggin

This topic contains 4 replies, has 2 voices, and was last updated by  whee82 1 year, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #6742

    whee82
    Participant

    Hi, i don’t know how to put a shadow, or at least a border on my images when they popup.
    I identify the pluggin and the magnific-popup.css but i can”t find a way to display the shadow 🙁

    Some images have white border so we can’t see the “limit” of theses images.

    On this page 😉
    http://bazinga-com.fr/portfolio/

    Tank you.

    #6743

    BWSM
    Keymaster

    Hi,

    Please login wp-admin, go to Theone / General Settings / Custom Css
    Paste the style code to Custom Css: img.mfp-img{box-shadow:0 0 2px #333;}

    #6792

    whee82
    Participant

    thanks, but problem still here, i want the shadow only on the image, not on all the frame with title and item number … 😉

    here a screencap of the result from your CSS

    #6802

    BWSM
    Keymaster

    You are welcome 🙂
    Please update the css code as :

    .mfp-figure figure {padding: 40px 0 40px;}
    img.mfp-img { box-shadow: 0 0 2px #333; padding:0;max-height: calc(100vh - 80px)!important;}
    #6803

    whee82
    Participant

    just perfect this time 😉
    Thank you very much !

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.