Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #870055

    Good day. For the Partner/Logo Element, I have two questions on the arrow controls:

    1) What CSS can I add to make the two square gray arrow boxes larger, like double the size?

    2) On mobile, the two square arrow boxes disappear. What CSS can I use to make them stay? I want people on mobile to know there are other photos. With no arrow controls showing, there’s no obvious way for a user top know there are more photos.

    Thank you.

    #870695

    Hey santanin,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    #870696

    Okay no problem. The Partner/Logo Element is on the page in the URL I put in the Private Content section.

    #871118

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top .avia-smallarrow-slider .avia-slideshow-arrows {
        width: 100px !important;
        height: 48px !important;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
        width: 48px !important;
        height: 48px !important;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
        line-height: 48px !important;
    }
    @media only screen and (max-width: 767px) {
    .responsive #top .avia-slideshow-controls a {
        display: block !important;
    }
    }

    Best regards,
    Rikard

    #871183

    Worked perfectly. Thanks so much!

    #871530

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.