Hello,
I want to change the font Size of my Featured Image Slider. You find on my page http://mf.betapage.ch/ under “Fit + Dance” two slider. The above one is the simple slider, but there you can’t insert links to post. The lower one is a Features Image Slider, there is automticaly a link to the post. Here I want to reduce the size of font, center the text and if possible to give a background like simple Slider.
Found this: https://kriesi.at/support/topic/how-to-change-the-caption-title-font-sized-of-featured-image-slider/
But doesn’t work for me. Try also add !important, but no change. Found out, h2.avia-caption-title should be the right selector. Is this correct?
Now I want to disable the dash below the text and change position to the same as in simple slider. Can you please help?
Claudia
Hi Claudia!
Thank you for using Enfold.
Use this css modification to adjust the font size of the title:
.responsive #top .slideshow_caption h2 {
font-size: 30px !important;
}
Regards,
Ismael
Hi Ismael,
thanks for your answer. This works also. But how can I disable the dash below the text and change position to the same as in simple slider (move to lower left side)
Thanks for your help!
Claudia
Hey!
Remove the dash with the following css code:
.avia-featureimage-slideshow h2.avia-caption-title:after { display: none; }
And adjust the position with the following:
.avia-featureimage-slideshow .slideshow_caption h2 {
position: absolute;
left: 0;
bottom: 0;
}
Cheers!
Ismael
Hi Ismael,
thanks for your answer. It works now. To adjust position of title I add px after the value. Works only with this.
.avia-featureimage-slideshow .slideshow_caption h2 {
position: absolute;
left: -30px;
bottom: -16px;
}
Thanks for you help!
Claudia