Sydney Footer Gradient Color

Hi I would like to change the footer color from black to gradient this are the colors:
#173856
#6ec1e4
from left to right linear.

Thanks for your help.

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-footer {
      background: rgba(1,115,133,1);
      background: -moz-linear-gradient(left, rgba(1,115,133,1) 0%, rgba(110,193,228,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,115,133,1)), color-stop(100%, rgba(110,193,228,1)));
      background: -webkit-linear-gradient(left, rgba(1,115,133,1) 0%, rgba(110,193,228,1) 100%);
      background: -o-linear-gradient(left, rgba(1,115,133,1) 0%, rgba(110,193,228,1) 100%);
      background: -ms-linear-gradient(left, rgba(1,115,133,1) 0%, rgba(110,193,228,1) 100%);
      background: linear-gradient(to right, rgba(1,115,133,1) 0%, rgba(110,193,228,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017385', endColorstr='#6ec1e4', GradientType=1 ); 
    }

    .site-footer,
    .site-footer a {
      color: #fff;
    } 

You can use this tool to generate CSS gradient color code.

Regards,
Kharis

Thank you so much, that works great!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis