/** Theme Name: Allegro Description: Allegro is a clean and modern child theme of Avventura Lite. It provides an optional featured area where you can show a slideshow and a grid of recent articles, this theme includes also an optional header banner. Allegro is a perfect fit for personal bloggers, writers and magazine websites. The theme is optimized for the mobile devices and fully compatible with WooCommerce. Author: ThemeinProgress. Author URI: https://www.themeinprogress.com Version: 1.0.5 Requires PHP: 5.3 Tested up to: 6.1 Template: avventura-lite Tags: custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news Text Domain: allegro Domain Path: /languages License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Allegro Child WordPress Theme is a child theme of Avventura Lite, Copyright 2023 ThemeinProgress. Allegro Child is distributed under the terms of the GNU GPLv3. Avventura Lite WordPress Theme, Copyright 2023 ThemeinProgress. Avventura Lite is distributed under the terms of the GNU GPLv3. */ a, a:hover, .title a span, .post-article a:hover, .post-article a:active, .post-article a:focus , .sidebar-area a:hover, .sidebar-area a:active, .sidebar-area a:focus , #footer a:hover, #footer a:active, #footer a:focus , #footer_widgets a:hover, #footer_widgets a:active, #footer_widgets a:focus { text-decoration:underline; } /* =============================================== Typography =============================================== */ body, h1, h2, h3, h4, h5, h6, h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a, #logo a, #logo a span { font-family: 'Poppins',Verdana, Geneva, sans-serif; } /* =============================================== Logo =============================================== */ #logo .custom-logo-description { margin-top: 50px; } #logo { text-align: left; min-height:90px; } #logo a span { font-size: 12px; display: block; text-align: left; line-height: initial; margin-top: 10px; margin-bottom: -10px; } /* =============================================== HEADER BANNER =============================================== */ .header-banner .post-container { margin:0 0 25px 0 } .header-banner .post-container:last-of-type { margin:0 } .header-banner .post-container .no-padding { text-align:right; margin:0; } /* =============================================== Titles =============================================== */ .post-container .title { display: block; } .sidebar-area h4.title, #footer_widgets .sidebar-area h4.title { margin: 0 0 15px 0; padding-bottom: 20px; } h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span { box-shadow: none !important; } /* =============================================== Main menu =============================================== */ nav#mainmenu, #menu-wrapper , #menu-wrapper.fixed { background: #262626; } #menu-wrapper { border-top: none; } nav#mainmenu ul { text-align: left; } nav#mainmenu ul li { float:left; } nav#mainmenu ul li a { margin: 0; padding: 0 10px; color:#fff; } nav#mainmenu a:hover, nav#mainmenu ul li a:hover, nav#mainmenu li:hover > a, nav#mainmenu a:focus, nav#mainmenu ul li a:focus, nav#mainmenu li:focus > a, nav#mainmenu ul li.current-menu-item > a, nav#mainmenu ul li.current_page_item > a, nav#mainmenu ul li.current-menu-parent > a, nav#mainmenu ul li.current_page_ancestor > a, nav#mainmenu ul li.current-menu-ancestor > a { background-color:#d14a2b; color:#fff !important } nav#mainmenu ul.children , nav#mainmenu ul.sub-menu { top: 53px; background:#262626; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .slick-slideshow .slick-slides .slick-article { opacity:1; } .slick-slideshow { margin-bottom:0; } .slick-slide { height: auto; padding: 0 2.5px; } .slick-slideshow .slider-overlay, .slider-overlay-content { width: 100%; height: 100% !important; margin: 0 !important; left:0 !important; top: 0 !important; bottom: 0 !important; text-align:left; background: none; } .slick-slideshow .slider-overlay-wrapper .slider-overlay-content { position: absolute; width: 100%; left:0 !important; top: 0 !important; -ms-transform: none; -webkit-transform: none; transform: none; } .slick-slideshow .entry-category a { display: inline-block; text-transform: uppercase; margin: 0; font-weight: 500; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; background-color: #d14a2b; line-height: 1.4em; position: absolute; left: 10px; top: 10px; z-index: 999; } .slick-slideshow h2.title a, .slick-slideshow .entry-category a { color:#fff !important; } .slick-slideshow .entry-category a { font-size: 12px !important; text-decoration:none } .slick-slideshow h2.title { position: absolute; bottom: 15px; left: 15px; margin: 0; color:#fff !important; text-align:left; z-index: 999; } .slick-slideshow h2.title a { font-size: 16px; line-height: 1.4em; font-weight: 600; color:#fff !important; text-transform: uppercase; text-decoration:none } .slider-overlay-content { z-index: 999; } .slider-overlay-content:after { z-index: 998; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .3; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .slider-overlay-content:hover:after { opacity: .5 } .slick-slideshow .slick-arrow { background: #fff; } .slick-slideshow .slick-arrow span { color:#616161 } .slick-slideshow .slick-arrow:hover , .slick-slideshow .slick-arrow:active , .slick-slideshow .slick-arrow:focus { background:#d14a2b; } .slick-slideshow .slick-arrow:hover span , .slick-slideshow .slick-arrow:active span, .slick-slideshow .slick-arrow:focus span { color: #fff; } /* =============================================== Featured posts =============================================== */ .featured-posts-main-wrapper .col-md-7 { padding-right:2.5px; } .featured-posts-main-wrapper .col-md-5 { padding-left:2.5px; } .featured-posts-main-wrapper { background:#ccc; padding:25px 0; margin-top:-50px; margin-bottom:50px; } #featured-posts-container { margin-bottom: 0; } .featured-posts-wrapper { margin-bottom: 0 } .featured-posts-wrapper .featured-post { display: inline-block; float: left; background-size: cover; background-position: center; position: relative; margin: 0; cursor: pointer; } .featured-posts-wrapper .featured-post .title { position: absolute; bottom: 15px; left: 15px; color: #fff; text-transform: uppercase; font-size: 16px; margin: 0; line-height: 1.4em; font-weight: 600 } .featured-posts-wrapper .featured-post .featured-post-permalink { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .3; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%); } .featured-posts-wrapper .featured-post-permalink:focus , .featured-posts-wrapper .featured-post:hover .featured-post-permalink { opacity: .5 } .new-post-categories , .featured-posts-wrapper .featured-post .featured-post-categories { position: absolute; width: 100%; left: 10px; top: 10px; } .post .post-icon, .new-post-category , .featured-posts-wrapper .featured-post .featured-post-category { display: inline-block; color: #fff; text-transform: uppercase; margin: 0; font-size: 12px; font-weight: 500; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; background-color: #d14a2b; line-height: 1.4em; } .post .post-icon { opacity: 1; filter: alpha(opacity=1); position:relative; width: auto; height: 26px; text-align: center; top:0; right:0; margin-top:0px; margin-right: 10px; line-height: 26px; color: #fff !important; font-size: 12px; padding:0 10px } .featured-posts-wrapper .featured-post { height: 144.5px; } .featured-posts-wrapper .featured-post-0 { width: 100%; max-width: calc(50% - 5px); margin-right: 5px; } .featured-posts-wrapper .featured-post-1 { width: 50%; } .featured-posts-wrapper .featured-post-2 { margin-right: 5px; width: 100%; margin-top: 5px; } /* =============================================== Post box =============================================== */ #masonry .post { transition: transform ease 400ms; } #masonry .post:hover { transform: translate(0, -10px); } /*@media screen and (min-width : 0) and (min-width : 992px) {*/ @media screen and (min-width : 1200px) { .featured-posts-wrapper .featured-post { height: 183px; } } /* =============================================== Post details =============================================== */ .post-details { background:#fff; padding:50px; margin-bottom:0 } .post-details + .post-article { padding-top:0px; margin-top:-25px; } /* =============================================== Post author =============================================== */ .entry-date { position:relative; margin-bottom: 0; margin-top: 35px; z-index:1000; padding:0; } #masonry .entry-date { margin-bottom: 0; } /* =============================================== Post icon =============================================== */ .post .pin-container { background: #fff; } .post .pin-container:hover img { opacity: 1; filter: alpha(opacity=100); } /* =============================================== Read more =============================================== */ .read-more-wrapper { margin: 15px; } .post-article p + .read-more-wrapper { margin-top: 30px; } span.button, .post-article span.button { background:#ff6644; border: none; color:#fff !important; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } span.button:hover , .post-article span.button:hover, .read-more:focus span.button, .post-article .read-more:focus span.button { background-color:#d14a2b; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button#place_order, .woocommerce .wc-proceed-to-checkout input { background:#ff6644; border: none; padding:10px 15px; color:#fff !important; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button:hover, .woocommerce a.add_to_cart_button:hover, .woocommerce .woocommerce-message a.button:hover , .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .wc-proceed-to-checkout input:hover , .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce a.button:focus, .woocommerce a.add_to_cart_button:focus, .woocommerce .woocommerce-message a.button:focus , .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce .wc-proceed-to-checkout input:focus { background-color:#d14a2b; } #searchform input[type=submit], .woocommerce-product-search input[type=submit] { padding: 10px 1%; } .wpcf7-form input[type=submit] , .woocommerce-product-search input[type=submit], .contact-form input[type=submit] , .searchform input[type=submit] , .comment-form input[type=submit] { background:#ff6644; border: none; color:#fff !important; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .wpcf7-form input[type=submit]:hover , .woocommerce-product-search input[type=submit]:hover, .contact-form input[type=submit]:hover , .searchform input[type=submit]:hover , .comment-form input[type=submit]:hover , .wpcf7-form input[type=submit]:focus , .woocommerce-product-search input[type=submit]:focus, .contact-form input[type=submit]:focus , .searchform input[type=submit]:focus , .comment-form input[type=submit]:focus { background-color:#d14a2b; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.current, .avventura-pagination span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color:#616161; background:#fff; } .wp-pagenavi a:hover, .avventura-pagination span, .avventura-pagination a span:hover, .wp-pagenavi span.current, .post-article .wp-pagenavi a:hover { color:#fff; } #sidebar-wrapper #scroll-sidebar, body.logged-in.customizer_active #sidebar-wrapper #scroll-sidebar { background:#fff; border-right: solid 1px #f1f1f1; } #sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-track-piece { background-color: #fff; } #sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #f1f1f1; } #scroll-sidebar .post-article , #scroll-sidebar .mobilemenu-box { border-bottom:solid 1px #f1f1f1 } #scroll-sidebar p, #scroll-sidebar a, #scroll-sidebar span, #scroll-sidebar .title, #scroll-sidebar li, #scroll-sidebar address, #scroll-sidebar dd, #scroll-sidebar blockquote, #scroll-sidebar caption, #scroll-sidebar td, #scroll-sidebar th, #sidebar-wrapper #scroll-sidebar .mobile-navigation i, nav#mobilemenu ul li a { color:#616161; } .header-search .search-form { background: rgba(255,255,255, 0.98) none repeat; } .header-search .search-form i.searchform-close-button, .header-search .search-form #header-searchform input[type=text] { color: #616161 !important; } .header-search .search-form #header-searchform ::-webkit-input-placeholder { color: #616161 !important; } .header-search .search-form #header-searchform ::-moz-placeholder { color: #616161 !important; } .header-search .search-form #header-searchform :-ms-input-placeholder { color: #616161 !important; } .header-search .search-form #header-searchform :-moz-placeholder { color: #616161 !important; } .header-cart a span { height: 53px !important; line-height: 53px !important; background: none !important; color: #616161 !important; right: -5px !important; } /* =============================================== Social buttons =============================================== */ .social-buttons a { background: none; font-size: 18px; } .social-buttons a:hover { background: none; } /* Facebook ---- */ .social-buttons a[button-title="Facebook"]:hover , .social-buttons a[button-title="Facebook"]:focus { color:#3b5998 !important } .social-buttons a[button-title="Facebook"]:before { background-color: #3b5998; } .social-buttons a[button-title="Facebook"]:after { border-top: 5px solid #3b5998; } /* Twitter ---- */ .social-buttons a[button-title="Twitter"]:hover , .social-buttons a[button-title="Twitter"]:focus { color:#00aced !important } .social-buttons a[button-title="Twitter"]:before { background-color: #00aced; } .social-buttons a[button-title="Twitter"]:after { border-top: 5px solid #00aced; } /* Flickr ---- */ .social-buttons a[button-title="Flickr"]:hover , .social-buttons a[button-title="Flickr"]:focus { color:#ff0084 !important } .social-buttons a[button-title="Flickr"]:before { background-color: #ff0084; } .social-buttons a[button-title="Flickr"]:after { border-top: 5px solid #ff0084; } /* Linkedin ---- */ .social-buttons a[button-title="Linkedin"]:hover , .social-buttons a[button-title="Linkedin"]:focus { color:#007bb6 !important } .social-buttons a[button-title="Linkedin"]:before { background-color: #007bb6; } .social-buttons a[button-title="Linkedin"]:after { border-top: 5px solid #007bb6; } /* Slack ---- */ .social-buttons a[button-title="Slack"]:hover , .social-buttons a[button-title="Slack"]:focus { color:#CF0E5B !important } .social-buttons a[button-title="Slack"]:before { background-color: #CF0E5B; } .social-buttons a[button-title="Slack"]:after { border-top: 5px solid #CF0E5B; } /* Pinterest ---- */ .social-buttons a[button-title="Pinterest"]:hover , .social-buttons a[button-title="Pinterest"]:focus { color:#CF0E5B !important } .social-buttons a[button-title="Pinterest"]:before { background-color: #CF0E5B; } .social-buttons a[button-title="Pinterest"]:after { border-top: 5px solid #CF0E5B; } /* Tumblr ---- */ .social-buttons a[button-title="Tumblr"]:hover , .social-buttons a[button-title="Tumblr"]:focus { color:#32506d !important } .social-buttons a[button-title="Tumblr"]:before { background-color: #32506d; } .social-buttons a[button-title="Tumblr"]:after { border-top: 5px solid #32506d; } /* Soundcloud ---- */ .social-buttons a[button-title="Soundcloud"]:hover , .social-buttons a[button-title="Soundcloud"]:focus { color:#FF9533 !important } .social-buttons a[button-title="Soundcloud"]:before { background-color: #FF9533; } .social-buttons a[button-title="Soundcloud"]:after { border-top: 5px solid #FF9533; } /* Spotify ---- */ .social-buttons a[button-title="Spotify"]:hover , .social-buttons a[button-title="Spotify"]:focus { color:#1ED761 !important } .social-buttons a[button-title="Spotify"]:before { background-color: #1ED761; } .social-buttons a[button-title="Spotify"]:after { border-top: 5px solid #1ED761; } /* Youtube ---- */ .social-buttons a[button-title="Youtube"]:hover , .social-buttons a[button-title="Youtube"]:focus { color:#CD201F !important } .social-buttons a[button-title="Youtube"]:before { background-color: #CD201F; } .social-buttons a[button-title="Youtube"]:after { border-top: 5px solid #CD201F; } /* Vimeo ---- */ .social-buttons a[button-title="Vimeo"]:hover , .social-buttons a[button-title="Vimeo"]:focus { color:#19B7EA !important } .social-buttons a[button-title="Vimeo"]:before { background-color: #19B7EA; } .social-buttons a[button-title="Vimeo"]:after { border-top: 5px solid #19B7EA; } /* Vk ---- */ .social-buttons a[button-title="Vk"]:hover , .social-buttons a[button-title="Vk"]:focus { color:#5181B8 !important } .social-buttons a[button-title="Vk"]:before { background-color: #5181B8; } .social-buttons a[button-title="Vk"]:after { border-top: 5px solid #5181B8; } /* Instagram ---- */ .social-buttons a[button-title="Instagram"]:hover , .social-buttons a[button-title="Instagram"]:focus { color:#3F729B !important } .social-buttons a[button-title="Instagram"]:before { background-color: #3F729B; } .social-buttons a[button-title="Instagram"]:after { border-top: 5px solid #3F729B; } /* Deviantart ---- */ .social-buttons a[button-title="Deviantart"]:hover , .social-buttons a[button-title="Deviantart"]:focus { color:#05CC46 !important } .social-buttons a[button-title="Deviantart"]:before { background-color: #05CC46; } .social-buttons a[button-title="Deviantart"]:after { border-top: 5px solid #05CC46; } /* Github ---- */ .social-buttons a[button-title="Github"]:hover , .social-buttons a[button-title="Github"]:focus { color:#4183C4 !important } .social-buttons a[button-title="Github"]:before { background-color: #4183C4; } .social-buttons a[button-title="Github"]:after { border-top: 5px solid #4183C4; } /* Xing ---- */ .social-buttons a[button-title="Xing"]:hover , .social-buttons a[button-title="Xing"]:focus { color:#126567 !important } .social-buttons a[button-title="Xing"]:before { background-color: #126567; } .social-buttons a[button-title="Xing"]:after { border-top: 5px solid #126567; } /* Dribbble ---- */ .social-buttons a[button-title="Dribbble"]:hover , .social-buttons a[button-title="Dribbble"]:focus { color:#E94C88 !important } .social-buttons a[button-title="Dribbble"]:before { background-color: #E94C88; } .social-buttons a[button-title="Dribbble"]:after { border-top: 5px solid #E94C88; } /* Dropbox ---- */ .social-buttons a[button-title="Dropbox"]:hover , .social-buttons a[button-title="Dropbox"]:focus { color:#0060FF !important } .social-buttons a[button-title="Dropbox"]:before { background-color: #0060FF; } .social-buttons a[button-title="Dropbox"]:after { border-top: 5px solid #0060FF; } /* Whatsapp ---- */ .social-buttons a[button-title="Whatsapp"]:hover , .social-buttons a[button-title="Whatsapp"]:focus { color:#4FCE5D !important } .social-buttons a[button-title="Whatsapp"]:before { background-color: #4FCE5D; } .social-buttons a[button-title="Whatsapp"]:after { border-top: 5px solid #4FCE5D; } /* Telegram ---- */ .social-buttons a[button-title="Telegram"]:hover , .social-buttons a[button-title="Telegram"]:focus { color:#0088CC !important } .social-buttons a[button-title="Telegram"]:before { background-color: #0088CC; } .social-buttons a[button-title="Telegram"]:after { border-top: 5px solid #0088CC; } /* Trello ---- */ .social-buttons a[button-title="Trello"]:hover , .social-buttons a[button-title="Trello"]:focus { color:#0079bf !important } .social-buttons a[button-title="Trello"]:before { background-color: #0079bf; } .social-buttons a[button-title="Trello"]:after { border-top: 5px solid #0079bf; } /* Twitch ---- */ .social-buttons a[button-title="Twitch"]:hover , .social-buttons a[button-title="Twitch"]:focus { color:#6441a5 !important } .social-buttons a[button-title="Twitch"]:before { background-color: #6441a5; } .social-buttons a[button-title="Twitch"]:after { border-top: 5px solid #6441a5; } /* Tripadvisor ---- */ .social-buttons a[button-title="Tripadvisor"]:hover , .social-buttons a[button-title="Tripadvisor"]:focus { color:#00af87 !important } .social-buttons a[button-title="Tripadvisor"]:before { background-color: #00af87; } .social-buttons a[button-title="Tripadvisor"]:after { border-top: 5px solid #00af87; } /* Vine ---- */ .social-buttons a[button-title="Vine"]:hover , .social-buttons a[button-title="Vine"]:focus { color:#00b488 !important } .social-buttons a[button-title="Vine"]:before { background-color: #00b488; } .social-buttons a[button-title="Vine"]:after { border-top: 5px solid #00b488; } /* Skype ---- */ .social-buttons a[button-title="Skype"]:hover , .social-buttons a[button-title="Skype"]:focus { color:#00AFF0 !important } .social-buttons a[button-title="Skype"]:before { background-color: #00AFF0; } .social-buttons a[button-title="Skype"]:after { border-top: 5px solid #00AFF0; } /* Email ---- */ .social-buttons a[button-title="Email"]:hover , .social-buttons a[button-title="Email"]:focus { color:#444 !important } .social-buttons a[button-title="Email"]:before { background-color: #444; } .social-buttons a[button-title="Email"]:after { border-top: 5px solid #444; } /* RSS ---- */ .social-buttons a[button-title="Rss"]:hover , .social-buttons a[button-title="Rss"]:focus { color:#f60 !important } .social-buttons a[button-title="Rss"]:before { background-color: #f60; } .social-buttons a[button-title="Rss"]:after { border-top: 5px solid #f60; } /* =============================================== Sidebar =============================================== */ #sidebar .post-article { margin: 0; border-bottom:solid 1px #eee; } #sidebar .post-article:last-of-type { padding-bottom: 45px; border-bottom:solid 1px #fff; } /* =============================================== Back to top =============================================== */ #back-to-top span { color: #888; background:none; font-size:22px } #back-to-top span.open, #back-to-top span:hover { background:none; color: #444; } /* =============================================== WooCommerce =============================================== */ .woocommerce.widget_shopping_cart a.button { display: block !important; } .woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type { background: none!important; border: none!important; color: #ff6644 !important; display: block; font-size: 12px; padding: 0; -webkit-transition: color .3s ease !important; -moz-transition: color .3s ease !important; -o-transition: color .3s ease !important; transition: color .3s ease !important; } .woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type:hover { color: #d14a2b !important; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { padding: 9px; } @media screen and (min-width : 0) and (max-width : 991px) { #logo , #logo a, #logo a span { text-align:center; } .featured-posts-main-wrapper { padding:15px 0; } .featured-posts-main-wrapper .col-md-5 , .featured-posts-main-wrapper .col-md-7 { padding-right: 15px; padding-left: 15px; } .slick-slide { padding: 0; } }