Text on Activello Slider

Hi, I am trying to make just the post title show on my slider and also i will like to make the font color white.

Please can I achieve this as my slider has no text showing

I just did it Yesterday, to change the slider text color.
It is on the file ‘themes\activello\inc\css\flexslider.css’

You can change that file or just go to Appearance>Customize>Activello Options> Others > CSS
On the CSS field you can add this code, i’ll comment what it does:

 #page .flexslider .slides img {
width: 100%;

It will make the slider goes 100% of the screen on the width

.flexslider .slides img {
max-height: 400px;

It is the slider img maximum height

.flex-caption h2 {
	color: #000000;
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 28px;
	margin-bottom: 20px;
 text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}

This is the slider title text, where you can edit it, the text-shadow i added is to view the text better.

#page #secondary .widget-title {
color: #000000;
It is the color of the title of the widget on the sidebar

.flex-caption .post-categories a,
.flex-caption .read-more a {
	color: #white;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	    text-shadow: -1px 0 #D5664F, 0 1px #D5664F, 1px 0 #D5664F, 0 -1px #D5664F;
    font-family: serif;

This is the read more and categories color and font settings

.flex-caption .read-more a {
	display: inline-block;
	border-left: 2px solid #D5664F;
	border-right: 2px solid #D5664F;
	line-height: 1;
	padding: 0 10px;
	letter-spacing: 1px;

This is the border that the read more text is between

.flex-caption .post-categories:after {
	content: "";
	position: absolute;
	bottom: 0;

	left: 50%;
	height: 2px;
	width: 40px;
	margin-left: -20px;
	background: #D5664F;

And this is the bottom border of the category text

.flex-caption .post-categories a,
.flex-caption .read-more a,
.flex-caption .post-categories:after {
    display: none;

Delete readmore and categories

hi, thank you so much for all the codes.

However, there is still no text showing on the slider.

Is this because I installed the activello child theme?


post what you have on CSS customizer
And it could also be some cache problem

Hi @fnptravel,

I hope you are well today and thank you for your question.

This can be child theme issue on your site so to confirm it just temporary use the Sparkling theme instead of child theme on your site. If everything works fine then it’s your child theme issue so just share me your child theme so that i can troubleshoot it.

Best Regards,

Hi! So I tried the Activello theme temporarily and everything worked fine!

Thank you, I have attached the child theme I have because I think I still need this to achieve a 3 tier menu.

Thank you so much for your help!

It was your child theme issue so i modified its code to display slider text.

Please use the attached modified child theme to display slider text on your site.

Thank you so much!!
You’re awesome!

You are most welcome here :slight_smile: