This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Footer shadow

Resolved 5 replies premiumthemetheme-vantage
djvanes
10 years ago · Last reply by Andrew Misplon 10 years ago

Hello, i’m using the premium version of Vantage. Great theme!

I want to have a shadow above/inside the footer. Is this possible? Similar to the shadow in the Estate theme.

https://siteorigin.com/theme/estate/?action=demo#estate

Let me know! Thanks!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 10 years, 10 months ago

    Hi Djvanes

    Thanks for your patience, glad to hear you’ve been finding Vantage useful.

    I’m sure I can work up a little CSS for you to make this happen. Before I climb in, can you confirm, are you running the boxed layout version of Vantage? Do you want a footer exactly like the Estate footer? I just ask because there are a few things going on in the Estate footer.

    Thanks

  2. djvanes 10 years, 10 months ago

    Hello Andrew,

    Great that you will help!

    What do you mean by “boxed layout version of Vantage”? Can I check this?

    My idea was a footer with a different colored shadow (ON the footer I think). So, let’s say the footer is gray and I want a green colored shadow above. Is that possible?

  3. Andrew Misplon Staff 10 years, 10 months ago

    For sure, if you go to Appearance > Theme Settings > Layout, you’ll see a Layout Bound option, there you can choose a Full Width or Boxed Layout option.

    If you’re using the full width layout, try something like the below under Appearance > Custom CSS:

    .layout-full #colophon {
  box-shadow: 0 -3px 10px 3px rgba(0, 0, 0, 0.2);
}

    rgba is the color and opacity, 0,0,0 is black, you’ll need to change that your green of choice. 0.2 is the opacity.

    To adjust the box shadow values, please see: https://css-tricks.com/snippets/css/css-box-shadow/ for more.

    If you know the HEX color you’re looking for, this tool will help convert it to RGB:

    http://www.colorpicker.com/

  4. djvanes 10 years, 10 months ago

    I’m using the full width option indeed.

    Great!! This is the trick! Looks nice.

    Thank you!

  5. Andrew Misplon Staff 10 years, 10 months ago

    Super :) Glad to hear that helped.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread