How can I get the same result using WP Show Posts In GeneratePress?

Hi there,

Just to confirm, are you trying to add the shadow to the posts on your Blog page?

As for a child theme, it depends on if you need to overwrite core template files or not. If you don't, you don't need a child theme.

Yea I just want to add a shadow of each blog post containers(box) showed by Wp show post...

Thanks for the clarifying.

Give this a shot:

.wp-show-posts-inner {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.wp-show-posts-entry-header {
    padding: 20px;
}

Let me know :)

Hey, Tom!

Thanks, It is working as I was expecting.

But it is not good at the homepage where I added some latest post from the blog using ShortCode. See this https://prnt.sc/oj0t4o

However, It is working good on the Blog page...

How can I solve the homepage issue?

I believe that's happening because your images in that list are set to align left.

Let me know :)

Yes, you are right!

It is working tom, thanks!

One thing more: How can I get shadow only downside of Primary navigation bar? as you can see on this site: shoutmeloud.com

Imp: I have tons of CSS added in Additional CSS tab, Is it good? Or do I need to use a sperate plugin for adding CSS? If yes then suggest the name.

Shadow for primary navigation:

#site-navigation, #sticky-navigation {
    box-shadow: 0 5px 8px -1px rgba(0,0,0,.4);
    position: relative;
}

If you have more than 400 lines of CSS, I would recommend using a child theme:
https://docs.generatepress.com/article/using-child-theme/

Hello, This code is adding Shadow on Navigation menu, But I want to show it for all header including logo...And want to show only down side (drop shadow).

Try this instead:

.site-header {
    box-shadow: 0 5px 8px -1px rgba(0,0,0,.4);
    z-index: 999;
}

Hi, Leo!

It is working as I wanted, I tried to do it by myself before asking you but failed. Can you explain to me what z-index is used for?

And how can I implement the same for floating navigation?

However, thanks for the help. You helped me a lot.

Thank you, I was also looking for this. Can you please tell how to create padding in excerpts in WPSP.

Hi Ravi,

If you Google "z-index CSS" then there should be lots of explanations as it's not specific to the theme.

@Jagdish, any chance you can open a new topic and link me to the site in question?

Thanks :)

Hey, Leo!

how can I implement the same Shadow for floating navigation?

This should work:

#sticky-navigation {
    box-shadow: 0 5px 8px -1px rgba(0,0,0,.4);
}