Changable color font in the header slide

Dear Sirs,

We realized our homepage project with your Sydney Pro theme and we are very satisfied with it. The only thing we are not cabable to fix is in the header slider the font color. We want to change for each background - pic according to the pic’s color the font color. Is there a solution available.

Thank you



Can you please provide a link to your website and describe what exactly you want to achieve?

Kind Regards, Roman.

Hi Roman, the site link is: We want to achive in the header slider the banner letters cabable to make in different colors according to the background picture. E.g. dark background white font color and a light picture a dark font color. Understood? Thank you. Gerold

Hello Gerold, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.slide-item-1 .text-slider .maintitle,
.slide-item-1 .text-slider .subtitle,
.slide-item-1 .roll-button {
    color: red;
    border-color: red;

.slide-item-2 .text-slider .maintitle,
.slide-item-2 .text-slider .subtitle,
.slide-item-2 .roll-button {
    color: orange;
    border-color: orange;

.slide-item-3 .text-slider .maintitle,
.slide-item-3 .text-slider .subtitle,
.slide-item-3 .roll-button {
    color: yellow;
    border-color: yellow;

.slide-item-4 .text-slider .maintitle,
.slide-item-4 .text-slider .subtitle,
.slide-item-4 .roll-button {
    color: green;
    border-color: green;

.slide-item-5 .text-slider .maintitle,
.slide-item-5 .text-slider .subtitle,
.slide-item-5 .roll-button {
    color: blue;
    border-color: blue;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

1 Like

Hallo Roman, thank you for your fantastic solution mail Thais42 :smile: You can close the file … Sincerely Gerold

You are welcome Gerold! :slight_smile:

Kind Regards, Roman.