Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 17, 2014 at 9:43 am #305409
    Herbert

    Hi Guys!

    2 Questions regarding size of text an button on a slideshow:

    1) If found in your forum this css.style lines to change the text size on a slideshow.
    div .slideshow_caption h2 { font-size: 36px; }
    div.avia-caption-content { font-size: 28px; }
    #top .avia-slideshow-button { font-size: 16px; }

    Is there any possibility to change the textsizes seperatley for fullscreen and fullwith slider?
    As I have on my homepage a fullscreen slider (which needs a bigger textsize) and on my product pages I use “only” a fullwith slider (which needs smaller text). So I want to set the text size for both sliders seperatley. How can I do that?

    2) How can I decrease the padding between the text and the button on a slideshow?

    Thx for your reply
    Cheers
    Herbert

    August 18, 2014 at 5:00 am #305547
    Ismael

    Hey Herbert!

    Thank you for using Enfold.

    You can use “.avia-fullscreen-sldier” selector for the full screen slider and “.avia-fullwidth-slider: for the full width slider. Regarding the margin between button and caption, use this on Quick CSS or custom.css:

    #top .avia-slideshow-button {
margin-top: -10px;
}

    Adjust it if necessary.

    Regards,
    Ismael

    August 19, 2014 at 11:27 am #306193
    Herbert

    Hi Ismael!

    Thanx for your reply. Not sure what you mean by “.avia-fullscreen-slider selector”?

    If I add for instance in the Quick CSS

    div .slideshow_caption h2 { font-size: 70px; }
    div.avia-caption-content { font-size: 40px; }
    #top .avia-slideshow-button { font-size: 30px; }

    #top. avia-fullwidth-slider { font-size: 30px; }

    the size of the fonts on fullscreen slider and fullwidth slider is still the same (70px).

    Did I make any mistake?

    Thx for answer
    Cheers Herbert

    August 20, 2014 at 12:44 pm #306787
    Yigit

    Hi!

    What Ismael meant was that you can use the selectors as following to target each element separately 

    .avia-fullscreen-slider .avia-caption-title { font-size: 50px; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.