How do I remove the background effect on the Flex Post Slider?

corbandusk · August 2016

Hi,

Does anyone know how to remove the background and border on the Flex Post Slider?

I can't see a setting for it and I'd like to remove the border/background colour as it looks out of place on my site (http://marina-numansdorp.nl/).

Thanks in advance,

Dusk.

Albert · August 2016

Hi,

you can remove it with the following css:

.flexslider { background: none !important; border: 0 !important; box-shadow: 0 0 0 0 !important; }
.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption { background-color: transparent !important; }

corbandusk · August 2016

That's awesome, thanks :-)

Is there a custom CSS to change the font size and type too?

Much appreciated.

Albert · August 2016

Font size and type of what? Please explain.

corbandusk · August 2016

Sorry, on the flexslider.

It's very large and I'd like the font to be different - see: http://marina-numansdorp.nl/.

Albert · August 2016

Ok. So to change it's font type and size, use:

.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption { font-family: 'FONT-TYPE' !important; font-size: 16px !important; }
.wpb_gallery .wpb_flexslider .flex-caption h2 { font-family: 'FONT-TYPE' !important; font-size: 16px !important; }

How do I remove the background effect on the Flex Post Slider?

Comments