how to copy module variation to other template?

I would like to add “NOBORDER SHADOW2” effect from gk coffee template to the page with my own template. How to do this? I try to copy this

/* -shadows */
#mainPage .box.shadow1,#mainPage .box.shadow2 {
border: 1px solid #e2decf;
}

#mainPage .box.shadow2 {
border-color: #b1ad9e;
}

/* -noborder */
#mainPage .box.noborder > div,#mainPage .box_menu.noborder > div,#mainPage .box_text.noborder > div {
border: none !important;
padding: 3px 6px 6px 6px !important;
}

from css/template.css of gk coffee template to my template, but it doesn't work.

Hi,
probably because you didn't copy whole code or/and each template uses own ID (#) or classes (class) so that's why it might not worked.

First - please read my guide: http://www.gavick.com/documentation/joo ... ss-suffix/

Second - don't waste time on copying,
Just use Online CSS3 generators which allows you generate your own shadows effects/colors code and use them

Thank you for your reply,
Generators oline CSS are really great but I still have a problem. I created my class:
. shadow
{
-moz-box-shadow: 0px 8px 17px # 000000;
-webkit-box-shadow: 0px 8px 17px # 000000;
box-shadow: 0px 8px 17px # 000000;
}
My current template doesn't have override.css so I pasted the code into the template.css file. In the settings of Image Show GK4 I wrote shadow suffix but it doesn't work. what I'm doing wrong?

Can I see page to tell more
1) Where ypu have this module
1) Did you added suffix with one space before its name ! it's very important.

for example " shadow"

p.s.
I hope that class you added with dot close to name

.shadow - good
. shadow - bad

Module is located on the home page and I added suffix with the space. And of course I added dot close to the class name. But it still doesn't work.

As I said before I don't see URL I can not help I'm not a wizard.

I created an account for you and sent you a private message.
Anyway, the address is http://miodycorpo.nazwa.pl/tola/