Index: themes/trunk/thormx2016/sass/layout/_template.scss =================================================================== diff -u -r755 -r757 --- themes/trunk/thormx2016/sass/layout/_template.scss (.../_template.scss) (revision 755) +++ themes/trunk/thormx2016/sass/layout/_template.scss (.../_template.scss) (revision 757) @@ -776,7 +776,8 @@ } .text-header h3 { - font-size: 30px; + //font-size: 30px; + font-size: 50px; text-transform: uppercase; font-family: $font__bold; } Index: themes/trunk/thormx2016/css/home.css =================================================================== diff -u -r631 -r757 --- themes/trunk/thormx2016/css/home.css (.../home.css) (revision 631) +++ themes/trunk/thormx2016/css/home.css (.../home.css) (revision 757) @@ -1 +1,94 @@ +/** GLOBAL **/ +/** Body **/ +/** Footer **/ +/** Buttons **/ +/* line 5, ../sass/home.scss */ +#featuredEntitesContainer h3 { + font-size: 36px !important; + color: black; + text-align: center; + letter-spacing: 2px; + text-transform: uppercase !important; +} + +/* line 14, ../sass/home.scss */ +.lightslider { + padding: 0 10px; +} + +/* line 19, ../sass/home.scss */ +#featuredEntites a { + color: black; + text-decoration: none; + text-align: center; +} +/* line 25, ../sass/home.scss */ +#featuredEntites a:hover { + text-decoration: none; +} +/* line 29, ../sass/home.scss */ +#featuredEntites .productNameText { + font-family: "futura-pt-bold"; + margin-bottom: 0px; + margin-top: 2em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 250px; +} +/* line 39, ../sass/home.scss */ +#featuredEntites .productPriceText { + font-family: "futura-pt"; + margin-bottom: 2em; +} +/* line 44, ../sass/home.scss */ +#featuredEntites .lightslider { + width: 100%; + height: 500px; + background: #fff; +} +/* line 50, ../sass/home.scss */ +#featuredEntites img { + cursor: pointer; + opacity: 1; + vertical-align: middle; + display: block; + margin: auto; +} +/* line 60, ../sass/home.scss */ +#featuredEntites .slides li { + background: #fff; + opacity: 1; +} + +/* line 66, ../sass/home.scss */ +.slideControls { + position: absolute; + width: 100%; + top: 40%; + left: 0; +} +/* line 72, ../sass/home.scss */ +.slideControls i { + font-size: 30px; +} +/* line 75, ../sass/home.scss */ +.slideControls a { + color: grey; +} +/* line 78, ../sass/home.scss */ +.slideControls a:hover, .slideControls a:focus { + color: black; +} +/* line 81, ../sass/home.scss */ +.slideControls .slideNext { + right: 0; + position: absolute; + cursor: pointer; +} +/* line 86, ../sass/home.scss */ +.slideControls .slidePrev { + left: 0; + position: absolute; + cursor: pointer; +} Index: themes/trunk/thormx2016/js/home.js =================================================================== diff -u -r631 -r757 --- themes/trunk/thormx2016/js/home.js (.../home.js) (revision 631) +++ themes/trunk/thormx2016/js/home.js (.../home.js) (revision 757) @@ -8,6 +8,34 @@ // Enable Carousel on the homepage. $("#thormxbgcarousel").carousel(); + + + // var slider = $('#featuredEntites').lightSlider({ + // item:3, + // autoWidth:false, + // pager:false, + // loop:false, + // slideMove: 1, + // slideMargin: 10, + // controls: false + // }); + + var slider = $('#featuredEntites').lightSlider({ + // slideMargin:20, + // slideWidth:200, + loop:true, + controls: false, + pager:false, + autoWidth:true + }); + + $('.slideControls .slidePrev').click(function() { + slider.goToPrevSlide(); + }); + + $('.slideControls .slideNext').click(function() { + slider.goToNextSlide(); + }); }); }); Index: themes/trunk/thormx2016/sass/home.scss =================================================================== diff -u -r631 -r757 --- themes/trunk/thormx2016/sass/home.scss (.../home.scss) (revision 631) +++ themes/trunk/thormx2016/sass/home.scss (.../home.scss) (revision 757) @@ -1 +1,104 @@ +@import "variables-site/variables-site"; +@import "mixins/mixins-master"; + +#featuredEntitesContainer { + h3 { + font-size: 36px !important; + color: black; + text-align: center; + letter-spacing: 2px; + text-transform: uppercase !important; + } +} + +.lightslider { + padding: 0 10px; +} + +#featuredEntites{ + a{ + color: black; + text-decoration: none; + text-align: center; + } + + a:hover{ + text-decoration: none; + } + + .productNameText{ + font-family:$font__bold; + margin-bottom: 0px; + margin-top: 2em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 250px; + } + + .productPriceText{ + font-family:$font__main; + margin-bottom:2em; + } + + .lightslider { + width: 100%; + height: 500px; + background: #fff; + } + + img { + //width: 250px; + //height: 250px; + cursor: pointer; + opacity: 1; + vertical-align: middle; + display: block; + margin: auto; + } + + .slides li{ + background: #fff; + opacity:1; + } +} + +.slideControls{ + position: absolute; + width: 100%; + //top: 47px; + top: 40%; + left:0; + i{ + font-size:30px; + } + a { + color: grey; + } + a:hover, a:focus { + color: black; + } + .slideNext{ + right:0; + position:absolute; + cursor:pointer; + } + .slidePrev{ + left:0; + position:absolute; + cursor:pointer; + } +} + +//.lSAction > a { +// width: 32px; +// height: 83px; +//} +// +//.lSPrev { +// background-image: url('../images/left.png') !important; +//} +// +//.lSNext { +// background-image: url('../images/right.png') !important; +//} Index: themes/trunk/thormx2016/page-home.php =================================================================== diff -u -r750 -r757 --- themes/trunk/thormx2016/page-home.php (.../page-home.php) (revision 750) +++ themes/trunk/thormx2016/page-home.php (.../page-home.php) (revision 757) @@ -11,12 +11,52 @@ $sliderField = get_field('slider'); $smansonrygrid = get_field('block'); +$featured_products = get_field('featured_products'); ?> + +
+
+
+

Featured Products

+
+
+
+
+
+ + +
+
+
+
+ +
Index: themes/trunk/thormx2016/css/style.css =================================================================== diff -u -r755 -r757 --- themes/trunk/thormx2016/css/style.css (.../style.css) (revision 755) +++ themes/trunk/thormx2016/css/style.css (.../style.css) (revision 757) @@ -11546,19 +11546,19 @@ /* line 778, ../sass/layout/_template.scss */ .text-header h3 { - font-size: 30px; + font-size: 50px; text-transform: uppercase; font-family: "futura-pt-bold"; } -/* line 784, ../sass/layout/_template.scss */ +/* line 785, ../sass/layout/_template.scss */ .text-header p { font-size: 18px; margin-bottom: 20px; font-family: "futura-pt"; } -/* line 790, ../sass/layout/_template.scss */ +/* line 791, ../sass/layout/_template.scss */ .overlay-btn { color: white; background-color: black; @@ -11570,24 +11570,24 @@ font-family: "futura-pt-bold"; } -/* line 801, ../sass/layout/_template.scss */ +/* line 802, ../sass/layout/_template.scss */ .overlay-btn:hover { color: black; background-color: white; border-color: black; } -/* line 807, ../sass/layout/_template.scss */ +/* line 808, ../sass/layout/_template.scss */ a.overlay-btn, a.overlay-btn:active, a.overlay-btn:focus { color: white; } -/* line 811, ../sass/layout/_template.scss */ +/* line 812, ../sass/layout/_template.scss */ a.overlay-btn:hover { color: black; } -/* line 815, ../sass/layout/_template.scss */ +/* line 816, ../sass/layout/_template.scss */ .text-header-mobile { position: absolute; top: 50%; @@ -11603,7 +11603,7 @@ padding: 10px; } -/* line 829, ../sass/layout/_template.scss */ +/* line 830, ../sass/layout/_template.scss */ .text-header-mobile h3 { font-size: 14px; text-transform: uppercase; @@ -11612,14 +11612,14 @@ margin-bottom: 5px; } -/* line 837, ../sass/layout/_template.scss */ +/* line 838, ../sass/layout/_template.scss */ .text-header-mobile p { font-size: 9px; font-family: "futura-pt"; display: none; } -/* line 844, ../sass/layout/_template.scss */ +/* line 845, ../sass/layout/_template.scss */ .text-header-mobile .overlay-btn { color: white; background-color: black; @@ -11630,7 +11630,7 @@ line-height: 1; font-family: "futura-pt-bold"; } -/* line 854, ../sass/layout/_template.scss */ +/* line 855, ../sass/layout/_template.scss */ .text-header-mobile .overlay-btn:hover { color: white; background-color: black; @@ -11639,36 +11639,36 @@ /* MISC ITEMS */ /* WARRANTY PAGE */ -/* line 865, ../sass/layout/_template.scss */ +/* line 866, ../sass/layout/_template.scss */ .warranty-container .entry-title { text-transform: uppercase; font-family: "futura-pt-bold"; } -/* line 869, ../sass/layout/_template.scss */ +/* line 870, ../sass/layout/_template.scss */ .warranty-container hr { border-top: 2px solid #eeeeee; margin-top: 0; margin-bottom: 10px; } -/* line 874, ../sass/layout/_template.scss */ +/* line 875, ../sass/layout/_template.scss */ .warranty-container .entry-content { margin: 0; } /* HELP CENTER PAGE */ -/* line 880, ../sass/layout/_template.scss */ +/* line 881, ../sass/layout/_template.scss */ .contactDiv { padding-left: 0 !important; } -/* line 881, ../sass/layout/_template.scss */ +/* line 882, ../sass/layout/_template.scss */ .contactDiv .col-xs-1, .contactDiv .col-sm-1, .contactDiv .col-md-1, .contactDiv .col-lg-1, .contactDiv .col-xs-2, .contactDiv .col-sm-2, .contactDiv .col-md-2, .contactDiv .col-lg-2, .contactDiv .col-xs-3, .contactDiv .col-sm-3, .contactDiv .col-md-3, .contactDiv .col-lg-3, .contactDiv .col-xs-4, .contactDiv .col-sm-4, .contactDiv .col-md-4, .contactDiv .col-lg-4, .contactDiv .col-xs-5, .contactDiv .col-sm-5, .contactDiv .col-md-5, .contactDiv .col-lg-5, .contactDiv .col-xs-6, .contactDiv .col-sm-6, .contactDiv .col-md-6, .contactDiv .col-lg-6, .contactDiv .col-xs-7, .contactDiv .col-sm-7, .contactDiv .col-md-7, .contactDiv .col-lg-7, .contactDiv .col-xs-8, .contactDiv .col-sm-8, .contactDiv .col-md-8, .contactDiv .col-lg-8, .contactDiv .col-xs-9, .contactDiv .col-sm-9, .contactDiv .col-md-9, .contactDiv .col-lg-9, .contactDiv .col-xs-10, .contactDiv .col-sm-10, .contactDiv .col-md-10, .contactDiv .col-lg-10, .contactDiv .col-xs-11, .contactDiv .col-sm-11, .contactDiv .col-md-11, .contactDiv .col-lg-11, .contactDiv .col-xs-12, .contactDiv .col-sm-12, .contactDiv .col-md-12, .contactDiv .col-lg-12 { padding-left: 0 !important; } -/* line 884, ../sass/layout/_template.scss */ +/* line 885, ../sass/layout/_template.scss */ .contactDiv .last_name { padding-right: 0 !important; } -/* line 887, ../sass/layout/_template.scss */ +/* line 888, ../sass/layout/_template.scss */ .contactDiv #contactButton { background-color: #464646; font-family: "futura-pt-bold"; @@ -11686,94 +11686,94 @@ -moz-border-radius: 0; border-radius: 0; } -/* line 905, ../sass/layout/_template.scss */ +/* line 906, ../sass/layout/_template.scss */ .contactDiv #errorMsg ul { margin-left: 0; } -/* line 909, ../sass/layout/_template.scss */ +/* line 910, ../sass/layout/_template.scss */ .contactDiv .required label:after { content: "*"; color: #c22327; } -/* line 913, ../sass/layout/_template.scss */ +/* line 914, ../sass/layout/_template.scss */ .contactDiv h3 { font-family: "futura-pt-bold"; } -/* line 920, ../sass/layout/_template.scss */ +/* line 921, ../sass/layout/_template.scss */ .googl-map h3 { font-family: "futura-pt-bold"; } -/* line 923, ../sass/layout/_template.scss */ +/* line 924, ../sass/layout/_template.scss */ .googl-map .company_info { margin-top: 5px; font-family: "futura-pt-bold"; } -/* line 926, ../sass/layout/_template.scss */ +/* line 927, ../sass/layout/_template.scss */ .googl-map .company_info p { margin: 0; } -/* line 933, ../sass/layout/_template.scss */ +/* line 934, ../sass/layout/_template.scss */ .helpCenterTitle h1 { border-bottom: 1px solid #E5E5E5 !important; } -/* line 939, ../sass/layout/_template.scss */ +/* line 940, ../sass/layout/_template.scss */ .faq-container h1 { border-bottom: 1px solid #E5E5E5 !important; margin-top: 40px; } @media (max-width: 767px) { - /* line 947, ../sass/layout/_template.scss */ + /* line 948, ../sass/layout/_template.scss */ .contactDiv .first_name { padding-right: 0 !important; } - /* line 951, ../sass/layout/_template.scss */ + /* line 952, ../sass/layout/_template.scss */ .googl-map { padding-left: 0; } } -/* line 957, ../sass/layout/_template.scss */ +/* line 958, ../sass/layout/_template.scss */ .sb_instagram_header { letter-spacing: 2px; text-transform: uppercase; } -/* line 961, ../sass/layout/_template.scss */ +/* line 962, ../sass/layout/_template.scss */ .sb_instagram_header a { float: none !important; } -/* line 966, ../sass/layout/_template.scss */ +/* line 967, ../sass/layout/_template.scss */ .sb_instagram_header .sbi_header_text h3 { float: none !important; font-size: 36px !important; color: black; text-align: center; margin: 0 !important; } -/* line 973, ../sass/layout/_template.scss */ +/* line 974, ../sass/layout/_template.scss */ .sb_instagram_header .sbi_header_text h3:before { content: '@'; } -/* line 979, ../sass/layout/_template.scss */ +/* line 980, ../sass/layout/_template.scss */ .sb_instagram_header .sbi_header_img { display: none; } -/* line 984, ../sass/layout/_template.scss */ +/* line 985, ../sass/layout/_template.scss */ #sb_instagram .sbi_header_text h3 { margin: 0 !important; } -/* line 988, ../sass/layout/_template.scss */ +/* line 989, ../sass/layout/_template.scss */ .instagrm-container { padding-left: 7px; padding-right: 7px; } -/* line 995, ../sass/layout/_template.scss */ +/* line 996, ../sass/layout/_template.scss */ #sbi_load .sbi_load_btn .sbi_btn_text { font-size: 5rem !important; text-transform: uppercase !important; @@ -11782,24 +11782,24 @@ } @media screen and (max-width: 600px) { - /* line 1008, ../sass/layout/_template.scss */ + /* line 1009, ../sass/layout/_template.scss */ .sb_instagram_header .sbi_header_text h3 { font-size: 25px !important; } } -/* line 1016, ../sass/layout/_template.scss */ +/* line 1017, ../sass/layout/_template.scss */ body.logged-in .navbar-fixed-top { top: 32px !important; } @media screen and (max-width: 782px) { - /* line 1021, ../sass/layout/_template.scss */ + /* line 1022, ../sass/layout/_template.scss */ body.logged-in .navbar-fixed-top { top: 46px !important; } } @media screen and (max-width: 600px) { - /* line 1027, ../sass/layout/_template.scss */ + /* line 1028, ../sass/layout/_template.scss */ #wpadminbar { position: fixed; }