Suppress Slider Text

Is there css to suppress the two text fields in the slider. I notice that as the width resolution decreases it is hidden, so I imagine there is a way to do this even in full screen. Preferably on a slide by slide basis.

Also, is there css to change the size of this text?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 767px) and (min-width: 480px)
{
.slider_text_container{
display:initial;
}
.slider_text_container a{
font-size:10px;
padding:1px;
line-height:14px;
}
}
@media only screen and (max-width: 480px){
.slider_text_container{
display:initial;
}
.slider_text_container a{
font-size:10px;
padding:1px;
line-height:14px;
}
} 

Adjust its value as per your requirements.

 

Just for clarification, the top CSS section (max 767px min 480px) is for bigger monitors and the bottom section (max 480px) is for smaller/mobile devices correct?

Is the CSS you provided just for changing the text size, or is this the code that will suppress the text?

Thanks Gourav!

 

Hello,
Yes, the media screen code given above are for the mobile devices.
See the link given below for more detail
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

The css code provided above will only change the font size.

 

I was able to suppress the text for all window sizes by placing the following css in
Appearance > Theme Option > Styling Option > Custom CSS

.slider_text_container{
display: none;
}


I'm assuming i could add this bit of code in combination with @media queries, but for my customer he was happy suppressing all text

You can close this thread. Thanks again!