Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #548423

    Hi Support,

    Is there a way to replace the arrow control icon with bigger arrow image on the side?

    Thanks
    Anna

    #548577

    Hi ar13860,

    On what page can we see the item itself?

    Regards,
    Rikard

    #548871

    Hi Rikard,

    You can see the element on this page.

    Thanks
    Anna

    #549502

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling, adjust the values to your liking:

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
        width: 40px !important;
        height: 40px !important;
        font-size: 25px !important;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
       line-height: 40px !important;
    }

    Regards,
    Rikard

    #549873

    Hi Rikard,

    Thanks so much for your help, I’ve been able to get it look what I liked. Just one more question –

    The arrow on the right side will be on the top of the image if I reduce the browser size. Is there a way to avoid that?

    Thanks again!
    Anna

    #549973

    Hi!

    Please insert the below css into your custom css section:

    #top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
        background-color: transparent !important;
    }
    
    @media only screen and (max-width : 980px) {
    #top .avia-slideshow-arrows a.next-slide {
        right: -25px !important;
    }
    }

    Cheers!
    Dake

    #550695

    Hi Dake,

    Thanks so much for your help! It looks much better now.

    Anna

    #550846

    Hey!

    You’re welcome, glad we could help :)

    Please let us know if you ever need any help in the future.

    Cheers!
    Dake

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Partner/Logo Element Arrow’ is closed to new replies.