Box and Menu Shadowing

Hi Jim

The effect looks really nice. Could you let me know the code to paste into the custom CSS area?

I am very new to this and tried pasting in the code with and without {} , so I am defiantly missing something here.

Thanks very much

Robert

Hi Robert

I think the code below reflects most of the things I changed, with box shadowing and text.
Perhaps try copy and pasting into your custom CSS area and see if it works for you! 🙂 You’ll probably need to do a few tweaks.

You may only want selective bits, but if you are stuck then let me know.

I hope it helps

Jim…

#frontpage blockquote {
box-shadow: 0px 3px 5px black;

}
#access ul li a, #access ul li a span {
border-radius: 5px 5px 5px 5px;
font-family: Open Sans;
}

#access a span {
border-radius: 5px;
box-shadow: 0px 3px 5px black;
}

.widget-container {
box-shadow: 0px 3px 5px black;
}

#header-container >div#sheader {
box-shadow: 0px 5px 5px black;
}

#srights, #slefts {
box-shadow: 0px 3px 5px black;
}

div.post, div.page, .yoyo > li {
box-shadow: 0px 3px 5px black;
}

.nivo-caption {
text-shadow: 0px 2px 4px black;
}

.nivoSlider {
border-radius: 5px;
box-shadow: 0px 5px 5px black;
}
.nivoSlider img {
border-radius: 1px;
}
.nivo-main-image {
border-radius: 5px;
}

#front-columns {
border-radius: 5px;
}

.column-image {
border-radius: 5px;
box-shadow: 0px 3px 5px black;
}

#comments {
box-shadow: 0px 5px 5px black;
border:1px solid transparent;

}

#front-text2 h1 {
text-shadow: 0px 3px 3px black;
}

.entry-content blockquote {
box-shadow: 0px 2px 5px black;
}

Hi Robert

If you aren’t using it already, then I’d recommend using Firefox with Firebug installed. There are a few tutorial Youtube videos out there that explain easily how to use the tool.

Good luck

Jim…