Slider Text

Activello
1

Hi,
My site is monochrome-ego.com and I’m using the activello theme. I have a slider on my front page, however, because my headers have text in the images already, it clashes with the slider text so I wanted to remove the slider text.
I’ve found this code:
#page .flex-caption {
display: none;
}

However, no changes are made to the slider when I save it.

Please advise.

2

Hey there,
I hope you’re doing well today

Try adding the !improtant rule to your CSS.
Kindly add and save the following code to Appearance > Customize > Additional CSS:

/*Remove slider caption*/
.flex-caption {
    display: none !important;
}

Best Regards,
Support

3

hello

i use activello since 1 month.

today i have lost the titles in the slide barre.

when you see my first page, you can see the pictures without the title text

i have lose the redirection

4

@adulescentprovocalin Could you please share me your site URL where it’s happening so that i can troubleshoot it?

5

Yep, sry.

https://www.adulescent-provocalin.com

6

Hello there,

I hope you are doing well today.

The theme will remove the text on smaller screens however you can use the following CSS code to add it again:

/*Slider text*/
@media (max-width: 768px)
.flex-caption {
    display: block;
}

Best Regards,
Support

7

Okey. I have save your code to Appearance > Customize > Additional CSS:

/Slider text/
@media (max-width: 768px)
.flex-caption {
display: block;
}

But nothing have change.

8

Hello there,

I hope you are doing well today.

That is strange. Please replace that code with this one:

@media (max-width: 768px)
.flex-caption {
    display: inline-block !important;
}

Best Regards,
Support

9

Hi,

Now it’s good with your first code! Really strange.

Thx you
??

10

You are always welcome here :slight_smile:

11

Hi,
I’ve added the code and it still hasn’t removed the captions unfortunately. Please advise.
Kind regards,
Joanita

12

The shared code is not working because you have following wrong code in your custom CSS code so please close the open curly bracket of this code and then add the above shared CSS code at the top of your custom CSS code.

#page #infinite-handle span:hover {
    background-color: #d80dac;
13

Hi friend,

Have the same problem about the slide barre. but only with a phone or tablet.

Thx you

14

@adulescentprovocalin Could you please tell me exactly which same problem you are facing?

15

Hi friend,

I haven’t de text on the picture un the slide barre with mobile device. Test with iPhone se / iPhone 6 / iPad

But It’s ok with a computer.

16

Please use following custom CSS code to display it on mobile devices.

#page .flex-caption {
    display: block !important;
}
17

It has worked now; thank you so much for your help (:

18

You are most welcome here :slight_smile:

19

Hello back,

I have put your css code. Now i have the text, but it is not responcive.

20

@adulescentprovocalin The text is not responsive therefore by default it is hidden but if you have displayed it then you have to also make it responsive by developing custom CSS code.