Thanks for using Tracks!
This can be done with the following CSS:
.site-footer {
background: rgba(255,255,255,0.2) !important;
}
You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.
Thank you so much! And one more thing: What the font color? I would like to match the colors too.
I just tried this as well and it worked perfectly! Thank you so much for your assistance. 🙂 However, the issue now is I am using one of the light background textures offered in the upgrade so when I entered the code for transparency, my social media icons have blended right in and disappeared.
….help?
@nccarvalho sure, the following CSS will make the footer items the same color:
.site-footer p,
h3 a:link,
.menu-footer-items a:link,
.social-media-icons a:link {
color: #222;
}
@wahlii I see what you mean. The above code will also darken the social media icons in the footer.
Thank you!
Unfortunately I choose the light option in the customizer for header.
Anyaway I made the changes with your code, but I don’t get a nice result.
I’m using this code:
.design-credit {
background: rgba(255,255,255,0.2) !important;
}
.site-footer {
background: rgba(255,255,255,0.2) !important;
}
.site-footer p, s
h3 a:link,
.menu-footer-items a:link,
.social-media-icons a:link {
color: #222;
}
.site-footer a {color: #222;}
I got this:
http://puu.sh/diuab/c3a97db111.jpg
Sorry for many questions, but I want the light color from header to footer.
Thank you!
I tried the exact code but only the email icon darkens. Every other icon remains as is so they still cannot be seen.
@nccarvalho Could you try the following CSS instead:
.site-footer p,
h3 a,
h3 a:link,
h3 a:visited,
.menu-footer-items a,
.menu-footer-items a:link,
.menu-footer-items a:visited,
.social-media-icons a,
.social-media-icons a:link,
.social-media-icons a:visited {
color: #222 !important;
}
If this doesn’t work, could you please share a link to your site?
@wahlii could you try the same?
Thanks!
I changed the color to #fff and everything is fine!
Thank you so much for your time! Great support. 🙂
I tried it and it worked beautifully! Thank you so much Ben! 🙂
Awesome, glad it’s working 🙂
