Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 6, 2015 at 4:43 pm #392127
    stebo71

    Hi, I’m just trying to customize my easy slider.
    I read this topic https://kriesi.at/support/topic/avia-slider-dots-to-text/
    and it was usefull but I would also like to change the fontello char with a simple “<” or “>” arrow without the box and I’d like to have it always visible, not only on mouse-over. Can you help me?

    How I learned from the topic I read now I have “1 of 16” instead of 16 dots but could it be possible to have something like 3 or 4 dots instead of 16?
    I need it just to indicate that there are more images no matter how many…
    Thanks in advance
    Stefano

    February 7, 2015 at 3:20 pm #392503
    Ismael

    Hey Stefano!

    Ad this on Quick CSS:

    .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
opacity: 1;
filter: alpha(opacity=100);
}

.avia-slideshow-arrows a:before {
background: transparent;
}

    If you only want to show 4 dots, try this:

    a.goto-slide:nth-child(n+5) {
display: none !important;
}

    Best regards,
    Ismael

    February 9, 2015 at 3:07 am #392827
    stebo71

    Thanks Ismael, it worked for the dots but not for the arrows.
    I hope you understood what I meant.
    I’d like to change the ” data-av_icon=””” in this little piece of code that layout my “next” arrow.
    I see that is a fontello-icofont. Is there a way to change that?

    Next

    February 9, 2015 at 3:08 am #392829
    stebo71

    Thanks Ismael, it worked for the dots but not for the arrows.
    I hope you understood what I meant.
    I’d like to change the ” data-av_icon=””” in this little piece of code that layout my “next” arrow.
    I see that is a fontello-icofont. Is there a way to change that?

    <!– Next –>

    February 9, 2015 at 3:10 am #392830
    stebo71

    sorry This should work!

    <a href="#next" class="next-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Next</a>

    February 11, 2015 at 10:38 am #394185
    Ismael

    Hey!

    Edit config-templatebuilder > avia-shortcodes > slideshow.php, find this code:

    $html .= 	"<a href='#prev' class='prev-slide' ".av_icon_string('prev_big').">".__('Previous','avia_framework' )."</a>";
			$html .= 	"<a href='#next' class='next-slide' ".av_icon_string('next_big').">".__('Next','avia_framework' )."</a>";

    Replace it with this:

    $html .= "<div class='avia-slideshow-arrows avia-slideshow-controls'>";
			$html .= 	"<a href='#prev' class='prev-slide' aria-hidden='true' data-av_icon='<' data-av_iconfont='entypo-fontello'>".__('Previous','avia_framework' )."</a>";
			$html .= 	"<a href='#next' class='next-slide' aria-hidden='true' data-av_icon='>' data-av_iconfont='entypo-fontello'>".__('Next','avia_framework' )."</a>";

    You can change the data-av_icon attribute.

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.