Gradient color Site Title - Logo text

Sydney
#1

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

#2

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

#3

Thank you @kharisblank, this worked :+1:

Best regards,
BR

1 Like
#4

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

#5

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

1 Like
#6

Great!

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

Regards,
Kharis
aThemes Support