Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 12, 2014 at 1:08 am #277848
    jgdoyle1

    Hello,

    How do I create a global style for all images put in the image widget that includes:

    – 10px white border, then a 1px gray outline (looks like a polaroid print border)
    – drop shadow with: distance, spread, size, opacity variables

    Thank you! Awesome theme!

    John

    June 12, 2014 at 6:15 am #277922
    Josue

    Hey John!

    Try adding this code to the Quick CSS:

    .avia-image-container-inner {
    box-shadow: 0 0 30px black, 0 0 0 1px gray;
    padding: 10px;
}

    Result:

    Cheers! 
    Josue

    June 13, 2014 at 10:22 pm #278746
    jgdoyle1

    Perfect! Thank you so much!

    June 13, 2014 at 10:27 pm #278747
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘CSS Styling (borders and drop shadows) for Images’ is closed to new replies.