From: Anthony Talarico Date: Mon, 1 Aug 2016 15:17:14 +0000 (-0400) Subject: reduced prev and next button width for the front page featured events slider X-Git-Tag: v1.0.0^2~213 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=ed7714b06238795c6ed1c25a4fa75b97efe2bfb8;p=WP-Themes%2Fpetoskeyarea.git reduced prev and next button width for the front page featured events slider --- diff --git a/css/app.css b/css/app.css index 923d4a0..7f8da08 100644 --- a/css/app.css +++ b/css/app.css @@ -6773,7 +6773,7 @@ main.page-inside #main-content { margin: 0 auto 20px; } } .rotate#event .slick-arrow { float: right; - width: 40px; + width: 25px; background: #73bf45; color: #FFFFFF; transition: background 0.5s; diff --git a/js/app.js b/js/app.js index 68f480c..365a4e1 100644 --- a/js/app.js +++ b/js/app.js @@ -78,6 +78,7 @@ $(document).ready(function () { var start_datepicker_large = $("#resContent").find("#start-jrdatepicker"); var end_datepicker_large = $("#resContent").find("#end-jrdatepicker"); + // remove id from the pc view datepicker so it doesn't conflict with mobile view (booking widget) function remove_datepicker(){ if ($(window).width() < 1024) { $(start_date).attr("id", "none") @@ -130,6 +131,7 @@ $(document).ready(function () { }); + // initialize the slick sliders on the events and blocks front page function check_window_width(){ if($(window).width() > 1025){ $(".glm-blocks-container").slick({ diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index 7097818..32d880d 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -69,6 +69,7 @@ $(document).ready(function () { var start_datepicker_large = $("#resContent").find("#start-jrdatepicker"); var end_datepicker_large = $("#resContent").find("#end-jrdatepicker"); + // remove id from the pc view datepicker so it doesn't conflict with mobile view (booking widget) function remove_datepicker(){ if ($(window).width() < 1024) { $(start_date).attr("id", "none") @@ -121,6 +122,7 @@ $(document).ready(function () { }); + // initialize the slick sliders on the events and blocks front page function check_window_width(){ if($(window).width() > 1025){ $(".glm-blocks-container").slick({ diff --git a/scss/_main.scss b/scss/_main.scss index 001583f..4087c1d 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -356,7 +356,7 @@ main.page-inside { } .slick-arrow{ float: right; - width: 40px; + width: 25px; background: $green; color: $white; transition: background 0.5s;