Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
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
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?
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/
I’m using the full width option indeed.
Great!! This is the trick! Looks nice.
Thank you!
Super :) Glad to hear that helped.
All the best.