Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Tagged: custom.css
I would like to move the arrows on the post slider to the out side of the posts and make them so they are visible all the time. Is this something that can be done easily?
Here is a link to the page I am trying to change
and here is a link to a mock up of what I am trying to accomplish.
Thanks so much for the help!
Hi Raymmar!
You can add following code to Quick CSS in Enfold theme options under Styling tab to make them visible all the time
.avia_desktop .avia-content-slider .avia-slideshow-arrows a {
opacity: 1;
}
However, it is not possible to move them outside of the box. If you really need it, please hire a freelance developer
Best regards,
Yigit
It can be done in CSS.
I gave the container a class: Startpagenewsslider
Added margins around it and moved the icons in there:
.startpagenewsslider {
margin-left: -80px;
padding-left: 80px;
margin-right: -80px;
padding-right: 80px;
}
.avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
margin-left: -47px;
}
Changed the arrows a little (made them smaller)
#top .avia-slideshow-arrows a {
display: block;
position: absolute;
width: 40px;
height: 60px;
line-height: 32px;
font-size: 20px;
}
#top .avia-slideshow-arrows a.next-slide {
right: 33px;
float: right;
position: absolute;
display: block;
}
Hey, thanks for such a detailed reply here. I am not using this element on my page anymore (mostly because of this issue) so I will try it out and report back as to how it works.
Your time is much appreciated.
Hi!
Thank you Raymmar. Your feedback on the issue will be greatly appreciated.
Regards,
Arvish