Okay
  Public Ticket #1893197
Arrows in Carousel Salient look weird
Closed

Comments

  • Melanie started the conversation

    Hi 

    The arrows of the CarouFredSel (Teammember carousel of salient) don't look normal 

    --> See this https://i.gyazo.com/bd9bfdfa3df4adf184184ae438409adb.jpg

    The arrows of this caroussel act still weird. I already tried to do it with css and change the line-height, i got this result: c8afb64a9615505162f5869dd2c2c0fb.png it looks better, but still not good. 

    How can i make this normal?

    681adaa87ccfe73f7db3f24a409a8753.png

    How

  •  75
    Scott replied

    Hey there,

    Thanks for reaching out,

    Please provide a link to your website so we can check this out.

    Regards

    Themenectar Support Team

  •   Melanie replied privately
  •   Andrew replied privately
  •  8,996
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .ascend [data-full-width="false"] .carousel-next :before, .ascend [data-full-width="false"] .carousel-prev :before {
        top: -1px !important;
        position: absolute;
    }
    .ascend [data-full-width="false"] .carousel-prev:after {
        left: -1px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Melanie replied

    Do you also have an idea why the testimonials don't open on mobile? (www.newinsightsconsulting.nl) (part of the photos of professionals) 

  •  75
    Scott replied

    Hey there,

    Thanks for reaching in,

    Seems like some sort of plugin conflict. Have you tried plugin compatibility test. Please try deactivating your third party plugins one by one while clearing your cache each time in order to figure out if one of them is causing this.

    Hope this helps,

    Regards

    Themenectar Support Team

  • Melanie replied

    No it does not help.

  •  8,996
    Tahir replied

    Which Mobile Browser are you testing in as it seems alright on my end in Chrome Emulation mode ?. 

    Best


    ThemeNectar Support Team 

  • Melanie replied

    Yes on desktop it works. But i tested on 2 phones and on a real phone it does not work.

  •  8,996
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .ascend [data-full-width="false"] .carousel-next:after, .ascend [data-full-width="false"] .carousel-prev:after {
        top: 9px !important;
    }

    Thanks


    ThemeNectar Support Team