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

    production site – https://alexandere103.sg-host.com/

    screenshot – https://ibb.co/QMZbNps

    how do I remove one of the arrows so it is not a double arrow?

    thanks

    #1401112

    there is a before and an after pseudo container.
    guess it is easier to remove the before:

    first try without important setting:

    #top .avia-layerslider .ls-nav-next:before,
    #top .avia-layerslider .ls-nav-prev:before {
        content: '';
        display: none;
    }

    but I can’t imagine this is a default setting from the layerslider; you’ll have accidentally set something yourself.

    #1401141

    This has completed removed both double arrows now

    Please see login below if you need to login

    #1401143

    i see now – these are script controlled – visiblilty changed to visible for the anchor
    on developer tools it is enough to set for one before or after pseudo-container a display none to remove only one arrow. So a mod had to login and see why there are two arrows controlled by that event.

    First of all, I would turn off the minification to explore it. (wpo-minify…)

    #1401153

    I send you the login above, if you have time, could you login and take a look for me? I couldnt figure it out

    thanks as always

    #1401208

    Hi navindesigns,

    Thanks for giving us admin access.

    There was an extra closing brace } which I have removed (right after avia_loading_icon), then have added this CSS code:

    #top .ls-nav-prev:after, 
    #top .ls-nav-next:after {
        display: none;
    }
    
    #top .ls-nav-prev:hover, 
    #top .ls-nav-next:hover {
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    Please review your site.

    Best regards,
    Nikko

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