ACTIVELLO | How To Change Font Color on Slider

Hi guys,

I was wondering how to change the font color in the slider of ACTIVELLO theme?
I managed to change the hover color to blue but I want the actual color of the post titles in the slider to be BLACK.
The default is white and I can’t seem to find it in the CSS or PHP files.

Please help!
Thanks a lot!
Theresa

http://www.primetimechaos.com

Hi @primetimechaos

How are you doing? Here is the css code that might do the the trick.

.flex-caption h2 {
    color: #000000;
}

.flex-caption .post-categories a, .flex-caption .read-more a{
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

.flex-caption .post-categories a, .flex-caption .read-more a{
color: #000000;
}

Here are the steps as to how you could add the custom css.
Go to Appearance -> Customize -> Additional CSS and add the code.

Kind Regards,
Support

Hey guys,
thank you SO MUCH for heloing so fast! The code worked perfectly!

Just one more question:
There is a little divider line between the category and the post title and that is still white. Is it possible to change that to black as well?
And the little dots underneath that indicate how many posts are in the slider also in black?

(I attached a screenshot so you can see. THANK YOU again!)
Theresa

Hi @primetimechaos,

You are more than welcome, and sure thing here’s the code for that.

.flex-caption .post-categories:after{
background: #000000;
}

.flex-control-paging li a:hover{
background: #000000;
}

.flex-control-paging li a.flex-active{
background: #000000;
}

.flex-control-paging li a{
background: #000000;
}

Let me know if everything works.

Kind Regards,
Support

And again: THANK YOU! It worked perfectly, you are a genius :slight_smile:
I am really grateful for the support here, it’s great!

Now two last questions and then I’ll leave you be:
Is there any way I can change the outline of the dots underneath the post title to black as well?
And the arrows on the side (the ones that make the pictures slide from left to right) also in black? The default color is a shade of grey.

I again included a screenshot, so you can see.
THANKS! You are the best!
Theresa

Now two last questions and then I’ll leave you be: Is there any way I can change the outline of the dots underneath the post title to black as well? And the arrows on the side (the ones that make the pictures slide from left to right) also in black? The default color is a shade of grey.

Use the below custom CSS code to achieve this.

.flex-control-paging li a {
    border-color: #000;
}
.flex-direction-nav a:before {
    color: #000;
}

Thank you! You are the best!
I really appreciate all the help.
Have a good day :slight_smile:

You are most welcome here :slight_smile:

Hi everybody!
I have been using the “Activello” theme for a while now and really love it!
Now I have a question regarding the slider. I now how to change the colour of the font but that leaves me with the problem, that depending on the post, you can’t see the title of the article because of the colours of the picture in the background (see attachment SLIDER ACTIVELLO).

Is it possible to have a small white box under the font (between the picture and the title of the post), so you can read more easily? I included an example (SLIDER ACTIVELLO 2).

I hope everything makes sense and it isn’t too much to ask.
Thank you so much in advance!
All the best,
Theresa

Hey @primetimechaos,
Hope you’re doing well today

Kindly provide me with a link to your site so that I may test some CSS on your site and provide you with a solution to this issue.

I look forward to your reply :slight_smile:

Best Regards,
Support

Hi and thanks for the quick reply!
Here is the link to my site:
http://www.primetimechaos.com/

It would be great if there was a possibility of adding a white container/box (with white background) to be able to see the post title more clearly - I attached an example.

Thanks so much for your time - I really appreciate it!

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

.flex-caption {
    background-color: white!important;
    width: 50%!important;
    opacity: 0.7!important;
}

Best Regards,
Support

THANK YOU!
It looks beautiful! Thank you so much!

This is by far the best customer service I have ever gotten.
You rock :wink:

You’re most welcome :slight_smile: