Mon, May 17, 2021
 
https://devcodepro.comdevcodepro
X
Home · Latest · Trends  /  CSS
2

Change arrow size and colors in Bootstraps carousel

.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f8f8f8' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 24px;
height: 24px;
}
rated 6 times (4) (2)
comments: 0 / hits: 2810  / 3 years ago, tue, apr 24, 18, 02:27:31
More From » CSS
 

Comments

There are no comments for this Snippet yet
Only authorized users can post. Please sign in first, or register a free account
 
Share
Posted
jimmy
Member since Dec 15, 2016
Total Code Snippets: 16
Total Comments: 2
Location: n/a
jimmy snippets
5 years ago, mon, dec 5, 16, 1:47:20
comments: 1 / hits: 4186
PHP
4 years ago, mon, jan 9, 17, 2:50:09
comments: 1 / hits: 20554
PHP
4 years ago, mon, jan 16, 17, 2:18:41
comments: 1 / hits: 2631
PHP
4 years ago, sat, jan 21, 17, 5:41:42
comments: 0 / hits: 3595
PHP
4 years ago, fri, feb 10, 17, 12:02:07
comments: 1 / hits: 2656
PHP
4 years ago, fri, feb 10, 17, 12:15:34
comments: 0 / hits: 1972
PHP
4 years ago, tue, feb 28, 17, 9:40:06
comments: 0 / hits: 1878
PHP
4 years ago, sun, mar 5, 17, 1:51:18
comments: 1 / hits: 4589
PHP
4 years ago, thu, mar 16, 17, 5:51:45
comments: 1 / hits: 1984
PHP