How to add a border on the featured image?

Posted in: Newsmag
Post count: 11
cronosalblog
#262299
Nov 15, 2018 at 3:40 pm

Hello, I have a website that mainly has a bright-color as the featured image. It looks so vague to the background. However, I don’t find any options on the Theme Panel to add some sort of border or shadow so the visitor will not be confused between featured image and the background.

Perhaps anybody can help me adding a border to the featured image? Especially for a single post page.
I heard it requires a CSS code but sadly I’m not mastering that field 🙁

Thank you for your willingness to help!

Post count: 20688
Simion C.
#262402
Nov 16, 2018 at 9:39 am

Hi,

So you want to add a shadow around the featured image. I could give it a shot. Provide a link to a post page on your website so I can test.

Thanks

Post count: 11
cronosalblog
#262433
Nov 16, 2018 at 11:28 am

Hello Simion,

Thank you for the response. Here the website I’ve wanted to add a border to its featured image.

https://vegaslide.com/

Thanks!

Post count: 20688
Simion C.
#262515
Nov 16, 2018 at 5:01 pm

Hi,

Forgot to ask, you want this for the homepage modules or in the post pages?

Post count: 11
cronosalblog
#263599
Nov 23, 2018 at 4:22 pm

Sorry for the late answer, post page please

Post count: 23312
Catalin
#263796
Nov 26, 2018 at 8:58 am

Hello,

You need to use a bit of CSS code and place it in Theme panel -> Custom CSS Area. The code is here ->

.td-module-thumb{
border:1px solid red;
}

The result is here -> https://www.screencast.com/t/scVXmMfdJg

Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.