Border around the project pics

Hi everybody,
I was wondering if there a chance to get a smell border around the project pictures to have them slightly separated from each other. Must be somewhere in the “isotope-container” … but I did not want it for the whole container but the separate projects and did not get it to work :frowning:
Cheers, Timo

Hello Timo,

I would be glad to help you with this, but can you please provide a link to your website first?

Kind Regards, Roman.
aThemes Support

of course: www.soundmarketingteam.com

Okay Timo, thank you for the link.

Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

.isotope-container > .project-item {
    border: 2px solid #ffa500;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Perfect … just what I was looking for. Thx!
Just a little remark: It seems pictures in the first column now get cut of at the bottom by 2 pixels (or shifted … not sure) at least they don’t align with all the other pics in a row. (I’m using Firefox) … not sure what causes this.
Cheers, Timo

All your project images are square, except this one:

Try to replace it with a square image, 480×480px.

Kind Regards, Roman.
aThemes Support

Stupid me … sorry for bothering you with my own faults :frowning:
Thx again!

That’s okay, you are welcome Timo!

We are here to help you, have a nice day :slight_smile:

Kind Regards, Roman.
aThemes Support