-
Posts
-
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,
YigitIt 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.
- You must be logged in to reply to this topic.