Slide text color

Hi there,

Here’s an example of how you can change the style of the caption with some CSS:

.metaslider .caption-wrap {
    background:blue;
    color:white;
    opacity:1;
    font-size:16px;
}

Add the CSS to your theme’s style.css file or via a custom CSS plugin.

Thanks,
Dave

not works and by the way if i want to show news title below the image is this possible?

• This reply was modified 8 years, 1 month ago by opopop. Reason: not works above code

Hi,

I’m unable to see the CSS on the site?

Did you add it? If so how?

Thanks,
Dave

I made it bold and it’s works but now my question i want to text/title below the picture not overlay the picture

Ok great, try this CSS to display the caption below the image:

.metaslider .caption-wrap {
    bottom: auto;
    top: auto;
    right: auto;
    left: auto;
    clear: both;
    position: relative;
}

Thanks,
Dave

I put but not works
https://www.brightmediapakistan.com

Try the following CSS instead – the previous code is being overridden:

.metaslider .flexslider .caption-wrap {
    bottom: auto;
    top: auto;
    right: auto;
    left: auto;
    clear: both;
    position: relative;
}

Thanks,
Dave

still not works.

Hi there,

It looks like it’s working to me – the caption is underneath the image?

Thanks,
Dave

Thanks it’s works after i change my BG color by the way need 1 more help how do i give Hyperlink Slide title text?

To add a link to *just* the caption then you can add HTML like so:

<a href="www.mylink.com">Pakistan super League 2017</a>

The above will link the whole caption but you could link just part of it like so:

Pakistan super <a href="www.mylink.com">League</a> 2017

To link the whole slide you can use the ‘URL’ field below the caption field in the slide settings.

Thanks,
Dave

Thanks