Strange border around arrow image, how to remove it?


principal fund

I'm using slick sliders for our team carousel. There is a weird border around the arrow image to click on the next slide.

I've tried removing all CSS that affects arrow images, google searches, stack overflow, etc. How can I remove this border?

$('.team-slider').slick({
    prevArrow:"<img class='slick-prev' style='background url(./img/left.svg)'/>",
    nextArrow:"<img class='slick-next' style='background url(./img/right.svg)'/>",
    dots: true
});

enter image description here

http://hedge.cloud-2.co.uk (last page)

Cesar Correchel

Try another HTML tag like span:

$('.team-slider').slick({
    prevArrow:"<span class='slick-prev' style='background url(./img/left.svg)'></span>",
    nextArrow:"<span class='slick-next' style='background url(./img/right.svg)'></span>",
    dots: true
});

or button:

$('.team-slider').slick({
    prevArrow:"<button class='slick-prev' style='background url(./img/left.svg)'></button>",
    nextArrow:"<button class='slick-next' style='background url(./img/right.svg)'></button>",
    dots: true
});

If you use buttons, you have to remove the outline in CSS:

.slick-prev,
.slick-next{
outline: none;
}

Related


How to remove border around content editable emphasis?

Christopher: When I set the pre element as contenteditable and focus in it for editing, it receives a dashed border around it, which doesn't look great. When the focus is elsewhere, the border doesn't exist. How can I remove the border? thanks Marius: Set the

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

How to remove blue border around div

prick Would like to check what is the method I can use to remove the anonymous blue outline <div class="profile"> <a href="" data-toggle="modal" data-target="#myModal" style="border-width:none;"> <img class="img-circle" src="{{asset('images/user-profile

How can I remove the border around the toolbar?

Axl In my app I'm using the toolbar and it seems I want to get rid of the border around it: Then I create it like this: <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:bac

How to remove border around content editable emphasis?

Christopher: When I set the pre element as contenteditable and focus in it for editing, it receives a dashed border around it, which doesn't look great. When the focus is elsewhere, the border doesn't exist. How can I remove the border? thanks Marius: Set the

How to remove border around UICollectionView in iOS?

technology chain I have created one UICollectionViewin the project . This is custom UICollectionViewCell. When I run the app, it's on UICollectionViewCell. A black border appears around it . Please tell me how to remove borders around custom cells? Jenn UIColl

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

How to remove blue border around div

prick Would like to check what is the method I can use to remove the anonymous blue outline <div class="profile"> <a href="" data-toggle="modal" data-target="#myModal" style="border-width:none;"> <img class="img-circle" src="{{asset('images/user-profile

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

How can I remove the border around the image?

username How can I remove the border around the square? Exterior: my HTML: <input id="black" type="image" src="html5-canvas-drawing-app/images/color-swatch-brown.png" onClick="changeColorBlack()"> my css: #black{ border:none; outline:none; background:none; pa

How to remove tooltip arrow border

RAM Below is a bar chart showing tooltips on hover. Hover tooltips are displayed using the d3 -tip api . How to remove the ie \25BD top border of the triangle symbol, leaving the sloping edge. i.e. in the end it should look like a ' V ' shape with no top borde

Remove default border around image - Chrome browser

Zach I can't believe it's the first time I've encountered this problem. I've searched many other similar questions on SO regarding the same issue, but none of them worked for me. I have an img tag with a class attribute under the anchor tag. So my html looks l

Remove border around image in Pygame

username I have some surfaces in Pygame with transparent backgrounds. They are all the same size. But there is a different sized circle on each pixel, so the circle doesn't exactly fit the image. Here are some sample images (I took screenshots in Photoshop so

How to remove the image around the border

Edwin So I have a question. I used sprites for the first time and now borders appear around them, I tried setting border: none, but it didn't work. demo <div class="service"> <img href="image/icons.png" style="background-image:url('image/icons.png'); backgroun

How to remove border around BottomNavigationView

Octavyanti Pilia Elvina Palopi How can I remove the border in BottomNavigationView as shown below. My layout: bottom_nav_activity.xml <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.andr

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

Remove border around circular image

John Du I have a circular image (.png file) with transparency in the middle. I need to make the background inside the image a solid color. For this I make the background solid and put in border-radius:50%, but this produces ugly little white lines. Is there an

Strange border around arrow image, how to remove it?

principal fund I'm using slick sliders for our team carousel. There is a weird border around the arrow image to click on the next slide. I've tried removing all CSS that affects arrow images, google searches, stack overflow, etc. How can I remove this border?

Strange border around arrow image, how to remove it?

principal fund I'm using slick sliders for our team carousel. There is a weird border around the arrow image to click on the next slide. I've tried removing all CSS that affects arrow images, google searches, stack overflow, etc. How can I remove this border?

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

How to remove white border around image in mobile view?

ZACK_G In my blog post, I uploaded some images and used CSS code to remove the white box borders that formed around the images on the desktop version. But I can't remove the white box border formed around the image in the mobile version. Suggest any suitable s

Remove border around image in Pygame

username I have some surfaces in Pygame with transparent backgrounds. They are all the same size. But there is a different sized circle on each pixel, so the circle doesn't exactly fit the image. Here are some sample images (I took screenshots in Photoshop so

How to remove the image around the border

Edwin So I have a question. I used sprites for the first time and now borders appear around them, I tried setting border: none, but it didn't work. demo <div class="service"> <img href="image/icons.png" style="background-image:url('image/icons.png'); backgroun