Shadow

Looks like it's working.

Now just remove this block of CSS:

.inside-article, .sidebar .widget, .comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

You see the background page that can be seen behind My Blogs I don't want that.
This is the whole issue. I want it to be transparent.

Think there is a bit of misunderstanding here as the title of this post is Shadow.

Are you trying to remove the white color here?
https://www.screencast.com/t/Zqg4Dh3tNU5

I wanted both to be done.
Remove the background color and add a bit of shadows.

Have you tried this option?
https://www.screencast.com/t/6Yo4gnge

Yep done that didn't work.

What didn't work? The colors are not changing?

Changing the background color or reducing the transparency removes or changes the container color from the home page also.
I simply want to make the other pages look like the HOME page i.e the post grid layout you see changes on the other pages when I make any changes in the CSS entirely.
I want to replicate the same HOME page content layout style to the other pages on my site.
I hope that explains everything I want to.
Thank you!

Hi there,

you can remove the background and shadow border from your blog page using this CSS:

.page-id-556 .inside-article {
    background-color: transparent;
    box-shadow:  none;
}

However the blog posts being displayed there are being generated by a Plugin which is not related to GP.

Worked perfectly.
Can you tell me do I display the posts in grid style on all the pages and also how do I resize the post grid containers?

Is the original question about the shadow resolved?

If so can you open a new topic for the new question and explain a bit more on what you wanted?

It's getting more and more confusing.

Thanks.

Yaa sure. Thanks!

No problem :)