-
AuthorPosts
-
March 17, 2019 at 6:06 am #1079528
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 #1080369Hey 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,
NikkoMarch 19, 2019 at 11:39 pm #1080572Hi 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 #1080600Hi,
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 ShannonMarch 20, 2019 at 5:44 am #1080654Yes.. 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 #1080729Hi 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 contentBest regards,
NikkoMarch 20, 2019 at 10:29 am #1080736Hi 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 #1080807ok… I got the positioning right now
top: -15%;Just need to stop the fly in now and fix it to be constant.
ThanksMarch 20, 2019 at 3:37 pm #1080864Hi,
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,
NikkoMarch 21, 2019 at 6:01 am #1081163Fantastic. It worked
Thanks for the great support.March 21, 2019 at 6:25 am #1081173Hi roydee,
Glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Change location of Button in Fullwidth Easy Slider’ is closed to new replies.