Archived topic

Can I change the color of the shadow for posts on home page?

7 replies · Started by Chandrasekhar on February 12, 2022

Viewing posts 1–8 of 8

February 12, 2022 at 7:15 am #2115577

Hello friends,
My site is hospitalistx.com. I used a short code to create shadow around each post on home page. I want to customize the shadow color to light pink. I tried but no change happened. Can anyone please help?

February 12, 2022 at 9:29 am #2115828

Hi there,

can you share a link to the page where i can see this?

February 12, 2022 at 5:10 pm #2116179

I am talking about the shadow when I hover the cursor over any thumbnail on my home page http://www.hospitalistx.com

February 12, 2022 at 5:23 pm #2116193

Is there a reason why you are using a shortcode instead of just CSS?

February 13, 2022 at 5:16 am #2116547

I added a short code in additional CSS.

February 13, 2022 at 8:10 am #2116815

So you have this CSS:

body:not(.single) .inside-article:hover {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.5);
}

And if you want to add a different shadow for home page then you add this CSS:

body.home .post  .inside-article:hover {
    box-shadow: 0px 0px 30px 0px rgba(255,0,0,.5);
}

You just need to change the rgba(255,0,0,.5) to what you require.

February 13, 2022 at 5:07 pm #2117184

Thanks. Appreciate your help.

February 14, 2022 at 3:51 am #2117654

You're welcome

This archived topic is closed to new replies.

Start building better websites today.