Support

Home › Forums › Event Espresso Premium › Iced mocha Theme – shadow on page

Iced mocha Theme – shadow on page

Posted: October 16, 2014 at 2:18 am


llanito

October 16, 2014 at 2:18 am

I would like to display a shadow around the main area of the page including the header and menu area. Would appreciate some guidance on where I can set this up.
Thanks


Dean

October 16, 2014 at 3:09 am

Hi,

You could achieve it with CSS like so:

#wrapper {
box-shadow: #000 1px 1px 11px;
width: 1150px;
margin: 0 auto;
}

Although this will cause the top bar to be no longer full width. If that bar needs to be full width, then you would have to modify the theme code or you could add a shadow to each element individually (navigation, main content etc).

Example http://take.ms/QIbyt

You may also need to tweak the CSS further.


llanito

October 16, 2014 at 4:38 am

Dean, thanks that’s perfect.
Much appreciated.


Dean

October 16, 2014 at 5:18 am

You’re welcome! I’ll mark this as resolved.

The support post ‘Iced mocha Theme – shadow on page’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Dean 9 years, 7 months ago ago

Topic Tags

Notifications

This topic is: resolved
Event Espresso