Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 17, 2019 at 6:06 am #1079528
    roydee

    I need to change the location of the Button (only) which is in the Fullwidth Easy Slider. Need it in the top right had corner of the screen.
    Thanks for the help.

    March 19, 2019 at 4:01 pm #1080369
    Nikko

    Hey Royden,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    #top.home #full_slider_1 a.avia-slideshow-button {
    position: absolute;
    top: 0;
    right: 0;
}

    Best regards,
    Nikko

    March 19, 2019 at 11:39 pm #1080572
    roydee

    Hi Nikko,
    I have added as suggested but it does not seem to work. Also I have just added the same button to all 3 slides. Appreciate your attention. Thanks.

    March 20, 2019 at 2:16 am #1080600
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    March 20, 2019 at 5:44 am #1080654
    roydee

    Yes.. the code is at the top of my quick css… Please see below. I have also tried from a fresh PC. I am running Cloudflare (CDN) and also use a Child Theme.

    #top.home #full_slider_1 a.avia-slideshow-button {
    position: absolute;
    top: 0;
    right: 0;
    }
    #top .entry-content-wrapper h1 {
    font-size: 24px;
    }
    #top .entry-content-wrapper h2 {
    font-size: 18px;
    }
    #top .entry-content-wrapper h3 {
    font-size: 14px;
    }
    .phone-info { font-size: 25px; }
    #top .social_bookmarks li a { font-size: 33px; }

    March 20, 2019 at 9:47 am #1080729
    Nikko

    Hi roydee,

    I tried to inspect your site and it does not fetch those codes.
    I checked it with a web inspector to know if it’s just overridden, sreenshot in private content

    Best regards,
    Nikko

    March 20, 2019 at 10:29 am #1080736
    roydee

    Hi Nikko,
    It was the “Fast Velocity Minify” plug-in which was causing the code not to be fetched. Thanks for pointing me to the right direction. Still need it 1) to be placed higher and further to the right and 2) not to fly in – just remain fixed with each slide. Thanks heaps.

    March 20, 2019 at 1:31 pm #1080807
    roydee

    ok… I got the positioning right now
    top: -15%;

    Just need to stop the fly in now and fix it to be constant.
    Thanks

    March 20, 2019 at 3:37 pm #1080864
    Nikko

    Hi,

    To move it more on the right, try adding this css code as well:

    #top .av_slideshow_full .container.caption_container {
    max-width: 100%;
}

    As for the stopping the fly in now animation, it seems you have done a great job with it :)

    Best regards,
    Nikko

    March 21, 2019 at 6:01 am #1081163
    roydee

    Fantastic. It worked
    Thanks for the great support.

    March 21, 2019 at 6:25 am #1081173
    Nikko

    Hi roydee,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Change location of Button in Fullwidth Easy Slider’ is closed to new replies.