• Closed
  • Raj
    Spectator
    June 6, 2016 at 1:49 pm #28203

    Hi,
    I have the latest evolve+ version. I am using bootstrap slider, and it does not auto start when website is loaded for the first time. I could not find any tips on this in the forum.
    thank you!

    Daniel Jones
    Spectator
    Posts: 148
    June 6, 2016 at 5:38 pm #28205

    Hi Raj,

    I hope you are having an awesome and productive day thus far, I will be more than happy to assist you with this request.

    Could you kindly provide me with the URL of your website so I may investigate the issue you are experiencing?

    I look forward to your reply.

    Cheers!

    Raj
    Spectator
    Posts: 4
    June 6, 2016 at 6:40 pm #28206

    hi Daniel,

    thanks so much! The website is not in public domain yet, in a couple of days probably. In the meantime would you have some tips and suggestions that I can look into. Common pitfalls in this context?

    thanks so much for your help with this.

    best,
    Raj

    Daniel Jones
    Spectator
    Posts: 148
    June 6, 2016 at 10:21 pm #28209

    Hi Raj,
    Thanks for keeping in touch with us.

    I’m not able to view your site so I can’t really make any diagnoses, however, I’ve been looking at some issues on the internet and most of them are actually leading to having to do some coding.

    Check out this article for more info on this.

    http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

    I hope this helps you.

    Kind Regards.

    Raj
    Spectator
    Posts: 4
    June 7, 2016 at 7:15 pm #28238
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    June 8, 2016 at 2:32 am #28248

    Hi,

    You can use the following in your Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    #bootstrap-slider .carousel-caption h2 {
    font-size: 10px !important;
    }
    }

    Change the 10px to your requirement.

    Thank you

    Raj
    Spectator
    Posts: 4
    June 9, 2016 at 2:14 am #28265

    thanks Daniel it worked. One question on the positioning of “Learn more” link button on the bootstrap slides. In smartphone view, this button disappears, but is fine in desktop view. I have played with positioning parameters etc but without success. Any suggestion on which handle to tweak to make it reappear in smartphone views?
    thanks!

    Raj
    Spectator
    Posts: 4
    June 9, 2016 at 2:16 am #28266

    also which parameter/element controls the spacing between the slider and new text row below it. I tried setting slider margin in negative percentages, and it seems to work, but don’t think thats the proper way to do it?

    Denzel Chia
    Moderator
    Posts: 2656
    June 9, 2016 at 4:35 am #28282

    Hi,

    The learn more buttons are hidden by css in mobile so as to reduce clutter.
    You can display them by using the following css in Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    .bootstrap-button {
    display: block !important;
    }
    }

    also which parameter/element controls the spacing between the slider and new text row below it. I tried setting slider margin in negative percentages, and it seems to work, but don’t think thats the proper way to do it?

    I do not know what you are referring to, but in CSS it’s ok to use negative margin, as long as it looks good to you. You can also use relative positioning.

    Thank you