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
11 years ago · Last reply by Andrew Misplon 11 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 11 years, 1 month 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 11 years, 1 month 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 11 years, 1 month 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 11 years, 1 month ago

    I’m using the full width option indeed.

    Great!! This is the trick! Looks nice.

    Thank you!

  5. Andrew Misplon Staff 11 years, 1 month 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