Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #441937

    Hi,

    how can I add the following boxshadow to the images of the post slider on my page below:

    {-moz-box-shadow: 1px 1px 3px 4px #ccc !important; -webkit-box-shadow: 1px 1px 3px 4px #ccc !important;
    box-shadow: 1px 1px 3px 4px #ccc !important;}

    Thank you very much for your help!

    Regards,
    wordmax

    #442183

    Hey wordmax!

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-3532 article.slide-entry img {
    -moz-box-shadow: 1px 1px 3px 4px #ccc !important; 
    -webkit-box-shadow: 1px 1px 3px 4px #ccc !important;
    box-shadow: 1px 1px 3px 4px #ccc !important;
    }

    Best regards,
    Rikard

    #442355

    Hey Rikard,
    thank you for your answer. I tried your code but as you can see on the page it doesn´t work.
    Any other idea?

    Best regards,
    wordmax

    #442851

    Hey!

    It does work, I can see it being applied to the images in your postslider, but you probably want to alter the values and colour as it doesn’t look very nice right now. http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

    Cheers!
    Rikard

    #442881

    Hey,
    what am I making wrong, because I don´t see anything. I tried it in Mozilla and Chrome. Here you can see a Screenshot.
    http://goo.gl/R60IaY
    Best regards,
    wordmax

    #443368

    Hi!

    I can see Rikard’s code working as well. Please add following code to Quick CSS as well

    .avia-content-slider .slide-image {
      overflow: visible;
      margin-bottom: 15px;
    }

    and it should look like this – http://i.imgur.com/tCVbpuj.png

    Regards,
    Yigit

    #443449

    Hi Yigit, Hi Rikard,
    now it works perfectly.
    Thank you very much for your help.
    Regards,
    wordmax

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Boxshadow to Images of Post Slider’ is closed to new replies.