How Can I change herder and footer color & transparency?

Hi mavmart

Thanks for your positive feedback.

The footer fills whatever part of the page hasn’t been filled by content so it’s not really possible to change that setup. What you can do is set a min height for the content container:

/* Main Container */
#main {
	min-height: 500px;
}

There is a little padding in the footer which can be adjusted as follows:

/* Footer Padding */
#colophon {
padding: 30px !important;
}

If you’re using the Full Width layout of Vantage then background color opacity can be set as follows:

/* Vantage Full Width Set Page Opacity */
header#masthead {
background: rgba(255, 255, 255, 0.5) !important; 
#main {
background: rgba(255, 255, 255, 0.5) !important; 
}
#colophon {
background: rgba(255, 255, 255, 0.5) !important; 
}

Remove #main and #colophon (main and footer) if you don’t want to set those.

All CSS must be placed under Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin (Vantage Free) and then edited as required.

Here is a little on what RGBA is: http://www.css3.info/introduction-opacity-rgba/. There are some tools online to help out more if you Google a bit.

Hope that helps.