Home · Latest · Trends  /  CSS
1

Change arrow size and colors in Bootstraps carousel

rated 1 times [  1] [ 0]  / comments: 0 / hits: 320  / 11 months ago, tue, apr 24, 2018, 14:27:31
.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;
}
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
Snippets
reCaptcha in smarty template file
2 years ago, mon, dec 5, 2016
reCAPTCHA v.2.0. Sample Form. You need to get API key for your site. https://www.google.com/recaptcha/admin#list
2 years ago, mon, jan 9, 2017
PHP stopforumspam integration example ans class
2 years ago, mon, jan 16, 2017
esoTalk forum script / esoTalk-BBCode plugin with color tag [plugin.php] [resources/bbcode.js]
2 years ago, sat, jan 21, 2017
Smarty section start loop: First result, second result, first and second result
2 years ago, fri, feb 10, 2017
PHP replace bad words function / form
2 years ago, fri, feb 10, 2017
Get a domain name IP address with PHP
2 years ago, tue, feb 28, 2017
Get YouTube Video ID and clean URL with PHP
2 years ago, sun, mar 5, 2017
HTML Purifier posting arrays example
2 years ago, thu, mar 16, 2017
Thunderbird userchrome.css example C://Users/<USER>/AppData/Roaming/Thunderbird/Profiles/<PROFILE>/chrome/userChrome.css
2 years ago, sun, apr 16, 2017
Posted
jimmy

jimmy

Member since Dec 15, 2016
Total Code Snippets: 15
Total Comments: 2
Location: n/a
Following
User not following anyone yet.