Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 17, 2013 at 10:43 pm #177193
    Gstar72

    Hi Guys,

    I am using the Fullwidth Easy Slider on my site – when viewed on iPhone / iPad, the background resizes but the header text stays the same, so it is hard to view – is there any way o resize the text – or would I need to switch to the layerslider to do this.

    My site: http://www.naturaloutlook.com

    If I have to use the layer slider, could you tell me how to just import the layer slider examples to the theme, as like a muppet I deleted all unused files in the past, inc the layerslider.

    Thanks guys

    Gary

    October 19, 2013 at 7:53 am #177760
    Ismael

    Hi Gstar72!

    You can use Media Queries to resize the font of the caption when viewing on mobile device:

    @media only screen and (max-width: 767px) {
.avia-fullwidth-slider div .slideshow_caption h2 span, .avia-fullwidth-slider div .slideshow_caption .avia-caption-title em span {
font-size: 12px;
}
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    October 19, 2013 at 10:47 pm #177952
    Gstar72

    Spot on, thanks Ismael.

    Any idea why – when I select H1, H2 or H3 I only upper case letters show, even if I have lower case letters in my text?.

    Thanks again.

    Gary

    October 20, 2013 at 4:43 pm #178083
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .slideshow_caption h1, .slideshow_caption h2, .slideshow_caption h3 { text-transform: none!important; }

    Regards,
    Yigit

    • This reply was modified 10 years, 6 months ago by Yigit.
    October 20, 2013 at 8:52 pm #178162
    Gstar72

    Hi Yigit,

    Thankyou for your continued help, I truly appreciate it. I couldn;t get the code to work, even after deleting cache, should I try replacing .slideshow_caption with:

    avia-caption-content

    Thankyou

    Gary

    October 21, 2013 at 3:34 pm #178443
    Yigit

    Hey Gary!

    I updated the code in my previous post. Please try it. If it still does not work, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    October 21, 2013 at 4:36 pm #178488
    Gstar72

    Hi Yigit,

    Thankyou for your help.

    I couldn;t get the code to work – I tried cross browser and deleting cache.

    I am reluctant to post an admin login.

    The html for the text in the slider reads:

    <div class=”avia-caption-content” itemprop=”description”><h2><span style=”color: #ffffff;”>CONSULTING</span></h2>
    <h5 class=”avia-caption-title”><span style=”text-decoration: underline; color: #ffffff;”>Click To See Video</span></h5>
    </div>

    I tried changing the code from:

    .slideshow_caption h1, .slideshow_caption h2, .slideshow_caption h3 { text-transform: none!important; }

    to

    avia-caption-content h1, avia-caption-content h2, avia-caption-content h3 { text-transform: none!important; }

    But that didn’t work either?.

    Any ideas?. I could switch to Layerslider if we can;t find a fix.

    Regards

    Gary

    October 21, 2013 at 4:43 pm #178494
    Yigit

    Hey!

    Please try following code as well

    div .slideshow_caption h2 { text-transform: none!important; }

    You can try adding codes to Custom.css file in Enfold/css folder. It seems like code is not being applied

    Cheers!
    Yigit

    October 21, 2013 at 5:06 pm #178506
    Gstar72

    Hi Yigit,

    You are a genius Yigit!, this code worked: div .slideshow_caption h2 { text-transform: none!important; } – Yeah!

    So it was the ‘div’ CMD that was the sneaky part!….

    I deleted the prior code that didn’t work, I guess that is why it wasn’t showing when you checked.

    Thanks again, I really appreciate your help and the guys at Kriesi!.

    Gary

    October 21, 2013 at 5:08 pm #178509
    Yigit

    Hi!

    You are welcome! Glad we could help :) Let us know if you have any other questions

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullwidth Easy Slider – Resize Issue’ is closed to new replies.