box shadow around modules

hey,

im trying to put a very slight box shadow around the modules but i cant seem to get it like in your coffee template.

can u pls give advice. thx.

i would also like to reduce the size of the main menu. ive already read how to reduce the font size but i also need to reduce the highlight size.

thx again.

anybody??

come on guys, this easy stuff for u pros. im just a noob trying to find my way.

give me hand thx

Hi
Can you give us url to your site?

hey,

its currently offline can i pm u so i can give u log info?

thx

www.coresoft.es

let me know if u need anything else thx for the help

Hi

Did you find a solution for this issue, I would be glad to here about it...

BR
Michael

no i didnt actually.

has anyone found a solution?

You want this shadow in to all boxes or for specyfic one ?

hey thx for responding.

want shadows on all boxes.

can u pls tell me how to do it?

thx

Try add to override.css

Code: Select all

#gkMain .box, #gkMain .box_menu, #gkMain .box_text {
box-shadow: 0 0 16px rgba(117, 113, 98, 0.52); -moz-box-shadow: 0 0 16px rgba(117, 113, 98, 0.52); -webkit-box-shadow: 0 0 16px rgba(117, 113, 98, 0.52);
}


and remember to enable override.css option in template settings

hey konrad thx for the reply

im doing something wrong this is the code i have in my override.css

Code: Select all

/*
#------------------------------------------------------------------------
# penguinMail - December 2010 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */
div.gk-menu > ul.level0 > li > a {
    color: #1B1F23;
    display: block;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    padding: 0 18px;
    text-transform: uppercase;
}
.products h4.nspHeader ( line-height: 16px; margin-bottom: 12px; padding-right: 12px; font-size: 16px; )
.products p.nspText ( float: none; font-size: 12px; line-height: 1.4; margin-top: 28px !important;)
}

#gkMain .box, #gkMain .box_menu, #gkMain .box_text {
    border: 1px solid #E5E5E5;
    padding: 0 0 20px;

}
#gkMain .box, #gkMain .box_menu, #gkMain .box_text {
box-shadow: 0 0 16px rgba(117, 113, 98, 0.52); -moz-box-shadow: 0 0 16px rgba(117, 113, 98, 0.52); -webkit-box-shadow: 0 0 16px rgba(117, 113, 98, 0.52);
}

is it ok?

Code looks ok. Can you give me url to your site ?

http://www.coresoftware.es/

I checked your override.css in my ff and I don't see code I gave you. Can you send me PM with access to your joomla panel ?

already sent u pm.

I checked mybox and I got nothing.

really???

i just sent again.

Now I got. You have error in your override. You added css rules for some elements in () and you should use {}. Now this code give shadow for boxes as you can see here http://www.coresoftware.es/index.php/pr ... /coreconta If you want to more elements just use firebug to find css classes for elements and add them in to override.css