Blog entry drop shadow

[Lobsterass]

Hola!

I’m trying to add a drop shadow to my blog entry wrap. Please tell me why this CSS doesn’t work.

<3

/* 
// Blog post
*/
.x-iso-container-posts>.hentry .entry-wrap {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.08)!important;
}

[ruenel]

Hello @Lobsterass,

Thanks for writing in!

Kindly update your CSS and use this:

/* 
// Blog post
*/
.x-iso-container-posts>.hentry .entry-wrap {
    box-shadow: 0 3px 5px rgba(0,0,0,0.8)!important;
}

For more details about the box-shadow, kindly check this out: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
​
To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[Lobsterass]

Hi!
That still doesn’t work. Please check why.
The CSS is placed in the global CSS.
Thanx!

[prakash_s]

Hi @Lobsterass,

Replace the previous code with this code.

.blog .x-container .entry-wrap {
    box-shadow: 0 3px 5px rgba(0,0,0,0.8)!important;
padding:10px;
} 

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector

Hope it helps you.
Thanks

[Lobsterass]

Thanx! That worked. <3

[marc_a]

Hi @Lobsterass,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.