Slider title can't be adjusted

[Wen]

Hi all,

This is my website http://www.cet-icp.org/

If you can see, the first slider has a long title (Deferred Action for Childhood Arrivals DACA). The title is covered on the “Deferred” word.

I tried change the font size of the slider but it doesn’t work. Previously there are some problem with the slider and your team has given me some extra code to add on.

Can you please help me on this issue?

Thanks 🙂

[Sonnal S Sinha]

Hi Wen,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.slide_info h2 span{font-size:50px !important;}

Regards,
Dave

[Wen]

Hi Dave,

I need to try one more thing: remove the grey shadow of the red title in the slider. It looks good in the website, but on mobile side kind of not clear. I’m not sure is that the shadow problem, I’m just giving it a try.

Let me know how can I do this. Thanks 🙂

[Sonnal S Sinha]

Hi Wen,

Kindly add this code in Custom CSS Box:

@media screen and (min-width:768px){
.nivo-caption{background-color:inherit !important;}
}

Regards,
Dave

[Wen]

Hi Dave,

No, I don’t mean for the grey background layer, what I mean is the the grey shadow of the red title. For example: “C”, behind red “C” there is another grey “C” shadow. I think without that grey “C” shadow, just the red “C” might look sharp.

[Sonnal S Sinha]

Hi Wen,

Okay, Kindly add this code in custom css box.

@media screen and (min-width:768px){
.slide_info h2{text-shadow:none !important;}
}

Regards,
Dave

[Wen]

Hi Dave,

I tried that code, it removes the grey “C” shadow in web browser, but not mobile browser, i still see the grey “C” shadow in mobile.

Would you be able to do as: remove the grey “C” shadow in mobile browser, but keep the original grey “C” shadow in web browser?

Thanks

[Sonnal S Sinha]

Okay, Add this code in custom css box

@media screen and (max-width:767px) {
.slide_info h2 { text-shadow:none !important;}
}

Regards,
Dave

[Wen]

Hi Dave,

No it is not working, even I go to Appearance -> Theme Options -> Slider Caption Colors, trying to change “red” to “white”. It doesn’t appear on the website.

[Sonnal S Sinha]

Hi Wen,

Do you want to change the color or remove the text shadow?

Regards,
Dave

[Wen]

Hi Dave,

My final visual: the Font should be visibly clear.

It is clear right now in web browser, but not mobile browser, kind of blur in mobile browser. I was first thinking of removing the text shadow to make it clear in mobile browser, but I’ve tried out your code and it doesn’t work.

My second option will be changing the text color to see will the title of the slider be clearer or not with another color.

If you can take out the text shadow (JUST for MOBILE BROWSER), it might be good.

Thanks 🙂

[Sonnal S Sinha]

Hi Wen,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Dave

[Author]

Posts