Keep the footer at the bottom, header transparency

Hey there louiskzx,

This can be done with some custom CSS. Try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

https://www.ads-software.com/plugins/simple-custom-css

#wrapper {
min-height: 850px;
}

This will set the minimum height for the page no matter the amount of content.

As for the color transparency, actually the background is using transparent image rather then color. You can achieve the same effect with using black color. Add this CSS code:

.page-id-15 .header, .page-id-15 #content, .page-id-17 .header, .page-id-17 #content {
background: rgba(0, 0, 0, 0.8) !important;
}

The last numeric value in rgba (0.8) represents transparency, you can set the value between 0-1 where 0 is completely transparent.

This will change the transparency for only about us and contact us pages.

Have a great weekend ??

Best regards,
Bojan

GREAT HELP THERE mate ! Thank you !

@bojan, It did work on computer.
However, if Im browsing the site through mobile devices, the footer is off the bottom again. Could you advise me on that ?

Where can I change the color of “Kll Interior Design” from the style sheet ?

Regards,
Louis

Hi louiskzx,

Working with Bojan here. ??

Can you update the the code Bojan provided with bigger height like this:

#wrapper {
min-height: 960px;
}

Let us know if this helps.

Thanks,
Ivan

Hey there luiskzx,

A quick follow up since your question regarding the color wasn’t answered. You can change it by adding this code:

.header .logo h1.site-title a {
color: #ffffff;
}

Replace the color hex value with the color of your choice. This should change the title color.

Best regards,
Bojan

How can I reduce the transparency of ALL the black backgrounds sitewide?

I’m talking mainpage/homepage/frontpage header (the one with the title/logo and menu at the top of the slider page), the black background behind posts, the black background behind the sidebar widget area, the black background behind the footer.

You know, EVERYWHERE there’s a semi-transparent black background. I’d like to reduce them to maybe 0.6 or maybe more.

Thank you.