Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 12, 2016 at 12:20 am #684827
    Claudia

    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

    September 13, 2016 at 6:58 am #685523
    Ismael

    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

    September 13, 2016 at 8:52 am #685585
    Claudia

    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

    September 15, 2016 at 5:28 am #686685
    Ismael

    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

    September 15, 2016 at 9:24 am #686784
    Claudia

    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

    • This reply was modified 8 years, 3 months ago by Claudia.
    September 17, 2016 at 7:01 am #687851
    Ismael

    Hey!

    No problem. Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change title font sized of "Featured Image Slider"?’ is closed to new replies.