I'd like to remove the shadow effect from the image articles. I've tried through template.css file but it didn't work...

Thanks for help.

Not 100% sure what you are referring to

Could add a screenshot with an arrow?

Cheers
Pul

OK, here's the shadow I've been talking about.
Thanks.

The lines you need to target are

.item-image {
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

Cheers
Paul

I had already done that and it didn't work. That's why I came to the forum...

I can't see a style targetting those selectors and the custom.css file is empty

Did you add?

.item-image {
-webkit-box-shadow: none;
box-shadow: none}

Cheers
Paul

I found it only in the template.css file. But code changes don't work here.

ah ok

You need to leave the core files alone - the custom.css file is the only place to work

Add styling to the custom.css file to override existing template styling or to add completely new styles

Otherwise it will be lost if you update or re-compile the template (I'm assuming you are not working in LESS)

so with

.item-image {
-webkit-box-shadow: none;
box-shadow: none}

I'm overriding the template css without editing that file

It works by the custom.css file being processed last in the css files so it overrides the same template style

Cheers
Paul

When selectors have an equal specificity value, the latest rule is the one that counts.

This is how the custom file works in this case

OK, Paul! Got it! Thanks a lot, once again!

You're welcome

Cheers
Paul