Gradient color Site Title - Logo text

Hello

I am interested in having a gradient text color for my Site title, e.g. #355C7D, #6C5B7B, #C06C84. By default the text color is

I tried some codes in Additional CSS (.site-title) but it didn´t work :slight_smile: I could change the text background, but the text itself, I didn´t manage to do that.

Thank you for your help & Best regards,
BR

Hello BR,

Please try this CSS code:

.site-title > a {
    background-color: #355C7D;
    background-image: linear-gradient(45deg, #355C7D, #6C5B7B);  
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;  
}

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis
aThemes Support

Thank you @kharisblank, this worked :+1:

Best regards,
BR

1 Like

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
aThemes Support

Thanks, following this code. My site Issue also got resolved.

1 Like

Great!

Glad to hear that you found this topic useful for you.

Regards,
Kharis
aThemes Support