Archived topic

Gradient colour in footer?

3 replies · Started by kiant123 on January 10, 2020

Viewing posts 1–4 of 4

January 10, 2020 at 8:57 am #1128029

Hi,

is it possible to add a footer that is coloured like this one. It's white then goes slightly grey near the top - https://share.getcloudapp.com/geurRm64 ?

I would like to put it on my site but am not sure if this is possible?

Thanks

January 10, 2020 at 9:39 am #1128062

Hi there,

Try CSS like this:

.site-footer {
    background: rgb(67,67,67);
    background: linear-gradient(0deg, rgba(67,67,67,1) 0%, rgba(255,255,255,1) 55%);
}

You can fine-tune the gradient with this site:
https://cssgradient.io/

Make sure you set the footer widget background and footer bar background color to transparent in the customizer.

Let me know if this helps :)

January 11, 2020 at 12:40 am #1128541

Works perfectly! Thanks Leo!

January 11, 2020 at 9:29 am #1129046

No problem :)

This archived topic is closed to new replies.

Start building better websites today.