Transparency in the footer

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:

https://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 ??