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
+
+
+
+
+
+
+
+ $item){ ?>
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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;
}