Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 28, 2015 at 1:15 am #465404
    bearcatsandor

    I have a full width easy slider set up on the home page of http://psptest.felinesoulsystems.com

    On my phone (a note 3), the slider is the correct size but the size of the overlay text is not adjusted so it obscures the entire image.

    Any ideas?

    Thank you

    June 29, 2015 at 5:22 am #465628
    Rikard

    Hi Bearcat!

    Please try the following in Quick CSS, you may need to adjust the values a bit to fit your needs:

    @media only screen and (max-width: 767px) {
.home .av-slideshow-caption .avia-caption-title {
font-size: 16px !important;
}

.home .avia-caption-content p {
font-size: 12px !important;
}
}

    Cheers!
    Rikard

    July 7, 2015 at 9:26 pm #469935
    bearcatsandor

    Thank you very much for the help! That worked perfectly. This kind of support is why i use your products over the years.

    July 7, 2015 at 10:06 pm #469954
    Basilis

    Hi!

    Thanks a lot for your kind words, we do appriciate them!
    Please let us know if you need anything else, with a new ticket! We will be glad to assist you!

    Regards,
    Basilis

    August 3, 2018 at 1:12 pm #993240
    fashiontribe

    Hello,
    Same issue here, tried the above code, didn’t work…Can you help me out?

    August 4, 2018 at 6:16 am #993406
    Rikard

    Hi fashiontribe,

    I’m not sure I understand the problem you are having, could you post a screenshot highlighting it please?

    Best regards,
    Rikard

    August 5, 2018 at 12:34 pm #993659
    fashiontribe

    Not only that the arrows are gone as well. Thanks

    August 7, 2018 at 11:25 am #994337
    Victoria

    Hi fashiontribe,

    Arrows appear when you tap on the slider. Do you want to have them visible all the time?
    Which browser are you using and what screen size is that?

    Best regards,
    Victoria

    August 8, 2018 at 11:14 am #994850
    fashiontribe

    Chrome and Firefox. The problem is in mobile view. The wording is overlapping the images. Thanks

    August 8, 2018 at 1:25 pm #994945
    Nikko

    Hi fashiontribe,

    Can you try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top.page-id-4283 .slideshow_caption .avia-caption-content {
    padding-left: 55%;
  }
}

    Best regards,
    Nikko

    August 8, 2018 at 2:37 pm #994972
    fashiontribe

    It’s cutting off the bottom of 3 of the slides.
    Thanks

    August 8, 2018 at 2:51 pm #994977
    fashiontribe

    My mistake, it’s still overlapping on step 2 and not resizing images correctly

    August 8, 2018 at 4:51 pm #995064
    Nikko

    Hi fashiontribe,

    Please remove this code I gave:

    @media only screen and (max-width:767px) {
  .responsive #top.page-id-4283 .slideshow_caption .avia-caption-content {
    padding-left: 55%;
  }
}

    and replace it with:

    @media only screen and (max-width:767px) {
  .responsive #top.page-id-4283 #full_slider_1 .avia-slideshow.av_slideshow_full,
  .responsive #top.page-id-4283 #full_slider_1 .avia-slideshow.av_slideshow_full .avia-slideshow-inner,
  .responsive #top.page-id-4283 #full_slider_1 .avia-slideshow.av_slideshow_full .avia-slideshow-inner li {
    overflow: visible !important;
  }

  .responsive #top.page-id-4283 .slideshow_caption .slideshow_align_caption {
    text-align: left;
  }

  .responsive #top.page-id-4283 #full_slider_1 .caption_fullwidth, 
  .responsive #top.page-id-4283 #full_slider_1 .caption_fullwidth .slideshow_caption {
    position: static !important;
  }

  .responsive #top.page-id-4283 #full_slider_1 img {
    width: 100% !important;
  }
}

    Hope this helps.

    Best regards,
    Nikko

    August 8, 2018 at 6:35 pm #995103
    fashiontribe

    That works, thanks so much!

    August 9, 2018 at 6:11 am #995242
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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