Add shadow to the 'post' (content box?)

  • Unknown's avatar
    appledrips · Member ·

    Hello Team,

    I love the theme, can you please let me know how to add a drop shadow effect to the post page, I use a light background and post has white background.

    Is there a way to apply background image for the post – to implement blurred effect like in MacOS or iOS?

    Thanks,
    Prajwal

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Prajwal, on the drop shadow, add this to your custom CSS and then you can adjust the values as desired. If you are not familiar with what each value is, you can find more information here. 

    #content .with-featured-image .container {
    box-shadow: 2px 2px 4px #777;
}

    Yes, you can add a blurred background image. You would need to make one and upload it to your media library. You would then add a background declaration to the above CSS rule something like this. 

    #content .with-featured-image .container {
    box-shadow: 2px 2px 4px #777;
    background: transparent url("URL_OF_IMAGE") no-repeat scroll center top / cover;
}
  • Unknown's avatar
    appledrips · Member ·

    That worked like charm, thank you so so much! Keep up the good work :)

    http://www.appledrips.com – all good now :)

  • Unknown's avatar
    thesacredpath · Member ·

    Hooray and you are welcome!

  • The topic ‘Add shadow to the 'post' (content box?)’ is closed to new replies.