No description on product page. vm.css file may be culprit
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Fri Sep 04, 2015 3:50 am
- Reply with quote
- Report this post
http://pinkchella.com/index.php/shop-by ... 548-detail
I have a descriptions typed out in the back end but they aren't showing. When I rename the vm.css file, it shows, but the styling is missing. Please let me know what is wrong with my css file..
I have a descriptions typed out in the back end but they aren't showing. When I rename the vm.css file, it shows, but the styling is missing. Please let me know what is wrong with my css file..
- Code: Select all
/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/
#bottom-pagination div, #bottom-pagination ul { text-align: center!important }
#bottom-pagination ul li { display: inline }
.VmArrowdown {
cursor: pointer;
float: right;
height: 16px;
padding: 0 12px;
width: 16px
}
.additional-images {
margin: 16px 0;
overflow: hidden
}
.additional-images .product-thumb {
border: 1px solid #eee;
float: left;
line-height: 1.4;
margin: 0 6px 6px 0;
padding: 3px;
text-align: center;
white-space: normal;
width: 74px
}
.additional-images .product-thumb:hover {
border-color: #ddd;
cursor: pointer
}
.additional-images img {
width: 22%;
margin: 0 0 0 6px;
}
.additional-images img:first-child { margin: 0; }
.addtocart-area .product-fields { padding: 6px 0 12px }
.addtocart-area .product-fields > div { margin: 0 0 10px }
.ask-a-question a {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #222 !important;
display: block;
font-size: 12px;
font-weight: 600;
margin: 32px 0 16px;
padding: 16px 0;
}
.ask-a-question a:hover { color: #b06339 !important; }
body input.addtocart-button {
background: #d2332b !important;
border: none!important;
color: #fff!important;
}
body input.addtocart-button:hover {
background: #222 !important
}
input.addtocart-button {
border: none;
color: #fff !important;
font-weight: 600;
height: 52px;
min-width: 220px;
}
input.addtocart-button:hover { color: #fff !important }
.ask-a-question-view .form-field .submit { width: 418px }
.ask-a-question-view .form-field textarea.field {
border: solid #eee 1px;
color: #777;
padding: 12px;
text-align: left;
width: 394px
}
.ask-a-question-view .product-summary {
border-bottom: solid #eee 1px;
margin: 25px 0 0;
padding: 0 0 10px
}
.ask-a-question-view .product-summary .short-description { margin-top: 6px }
.ask-a-question-view .product-summary h2 {
font-size: 16px;
margin: 0;
padding: 0
}
.ask-a-question-view .product-summary img.product-image {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto
}
.ask-a-question-view h1 {
font-size: 18px;
margin: 0;
padding: 0
}
.ask-a-question-view input.counter, .ask-a-question-view input#email {
border: solid #ccc 1px;
color: #777;
display: inline-block;
margin: 0 0 0 10px;
padding: 5px 5px 4px
}
.ask-a-question-view, .manufacturer-details-view .spacer { padding: 30px }
.availability {
float: right;
margin: -19px 0 0 10px
}
.billto-shipto strong, span.custom-variant-inputbox input.custom-attribute:hover, input.vm-default:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.details:hover, div.details:hover, a.product-details:hover, .ask-a-question-view .form-field textarea.field:hover, .product-related-products > div a, .product-related-categories > div a, table.cart-summary a { color: #222 }
.category-view .category .category-overlay > span > span, .browse-view .product .product-overlay > span > span, .featured-view .product .product-overlay > span > span, .latest-view .product .product-overlay > span > span, .topten-view .product .product-overlay > span > span, .recent-view .product .product-overlay > span > span, .productDetails .main-image .product-overlay > span > span {
-moz-border-radius: 50%;
-moz-transition: all .3s ease-out;
-ms-border-radius: 50%;
-ms-transition: all .3s ease-out;
-o-border-radius: 50%;
-o-transition: all .3s ease-out;
-webkit-border-radius: 50%;
-webkit-transition: all .3s ease-out;
background: #b06339;
border-radius: 50%;
color: #fff;
display: block;
filter: alpha(opacity=0);
font-weight: 600;
height: 80px;
line-height: 80px;
margin: 100% auto 30%;
opacity: 0;
text-align: center;
transition: all .3s ease-out;
width: 80px
}
.category-view .category .category-overlay > span, .browse-view .product .product-overlay > span, .featured-view .product .product-overlay > span, .latest-view .product .product-overlay > span, .topten-view .product .product-overlay > span, .recent-view .product .product-overlay > span, .productDetails .main-image .product-overlay > span {
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
background: rgba(255,255,255,0);
display: block;
height: 100%;
overflow: hidden;
transition: all .3s ease-out;
width: 100%
}
.category-view .category .category-overlay, .browse-view .product .product-overlay, .featured-view .product .product-overlay, .latest-view .product .product-overlay, .topten-view .product .product-overlay, .recent-view .product .product-overlay, .productDetails .main-image .product-overlay {
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.browse-view .product .spacer, .productDetails .main-image {
overflow: hidden;
position: relative
}
.category-view .category.active .category-overlay > span > span, .browse-view .product.active .product-overlay > span > span, .featured-view .product.active .product-overlay > span > span, .latest-view .product.active .product-overlay > span > span, .topten-view .product.active .product-overlay > span > span, .recent-view .product.active .product-overlay > span > span, .productDetails .main-image.active .product-overlay > span > span {
filter: alpha(opacity=100);
margin-top: 30%;
opacity: 1;
}
.category-view .category.active .category-overlay > span, .browse-view .product.active .product-overlay > span, .featured-view .product.active .product-overlay > span, .latest-view .product.active .product-overlay > span, .topten-view .product.active .product-overlay > span, .recent-view .product.active .product-overlay > span, .productDetails .main-image.active .product-overlay > span { background: rgba(255,255,255,0.6) }
.category-view h4, .featured-view h4, .latest-view h4, .topten-view h4, .recent-view h4 {
border-bottom: 1px solid #E5E5E5;
color: #222;
font-size: 16px;
font-weight: 600;
margin-bottom: 32px;
padding: 0 0 12px;
}
.cart-summary .inputbox {
float: left;
padding-left: 9px;
padding-right: 9px;
text-align: center
}
.cart-summary .sectiontableentry1 fieldset {
clear: both;
}
.cart-summary div.PricesalesPrice {
background: none;
font-size: 100%;
margin: 0;
padding: 0
}
.cart-summary tbody tr td { padding: 5px 8px }
.cart-summary td hr, .terms-of-service .vm2-termsofservice-icon, #terms-of-service .vmicon.vm2-termsofservice-icon, .vmicon-16-editadd, table.cart-summary td br, #product-tabs-content > div, .productDetails .main-image > .product-overlay { display: none!important; }
.cart-view h2 {
font-size: 12px;
margin: 0;
padding: 0
}
.cart-view h3, #userForm h3, #paymentForm h3 {
font-size: 22px;
margin: 0 0 12px
}
.catProductDetails {
-moz-border-radius: 2px;
-moz-transition: background-color .12s ease-out;
-ms-border-radius: 2px;
-ms-transition: background-color .12s ease-out;
-o-border-radius: 2px;
-o-transition: background-color .12s ease-out;
-webkit-border-radius: 2px;
-webkit-transition: background-color .12s ease-out;
background: #eee;
border-radius: 2px;
border-shadow: 0 0 1px #fff;
color: #222;
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin: 0 0 12px;
min-height: 34px;
padding: 0 11px;
text-align: center;
text-transform: uppercase;
transition: background-color .12s ease-out
}
.catProductPrice {
color: #b06339;
font-size: 14px;
font-weight: 600;
}
.catProductPrice .PricediscountAmount, .catProductPrice .PricetaxAmount {
color: #aaa;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.8;
text-transform: uppercase
}
.catProductPrice div.PricesalesPrice {
font-size: inherit;
line-height: 1.4;
margin: 0;
padding: 0
}
.category-view .category { position: relative; }
.category-view .row .category .spacer h2 a {
color: #222;
display: block;
}
.category-view .row .category .spacer h2 a img {
height: auto;
margin-top: 6px;
max-width: 100%
}
.category-view .row .category .spacer h2 a:hover, .product-related-products > div a:hover, .product-related-categories > div a:hover, table.cart-summary a:hover { color: #b06339 }
.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer, .manufacturer-view-default .row .manufacturer .spacer, .recent-view .spacer {
-webkit-transition: border .3s ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: border .3s ease-out;
-o-transition: border .3s ease-out;
transition: border .3s ease-out;
}
.category-view .row .category .readon, .featured-view a.readon, .latest-view a.readon, .topten-view a.readon, .related-products-view a.readon, .browse-view .row .product a.readon, .manufacturer-view-default .row .manufacturer a.readon, .recent-view a.readon {
display: inline-block;
float: none;
margin-top: 12px;
}
.checkout-button-top input.terms-of-service {
float: left;
margin-right: 10px
}
.clear, br.clear, #product-tabs-content { clear: both }
.clr {
clear: both;
overflow: hidden
}
#facebox .popup { overflow: hidden!important }
#facebox .popup > div {
display: block!important;
padding: 20px!important;
width: auto!important
}
#facebox .popup > div > div {
padding: 0 30px 50px 10px !important;
position: relative;
text-align: center
}
#facebox .popup > div > div > a {
background: #b06339;
bottom: 5px;
color: #fff;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: 400;
padding: 8px 12px;
position: absolute;
right: 10px;
text-align: center;
text-transform: uppercase
}
#facebox .popup > div > div > a.continue {
left: 10px;
right: auto;
background: #222
}
#facebox .popup > div > div > a:hover, .productDetails .main-image .product-overlay > span > span, #facebox .popup > div > div > a.continue:hover { background: #222!important; }
#facebox .popup > div > div > h4 {
border-bottom: 1px solid #eee;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
min-width: 400px;
padding: 12px 0 20px
}
#fancybox-wrap { z-index: 9999999 }
#product-tabs {
margin: 20px 0 -1px;
overflow: hidden
}
#product-tabs li {
border: 1px solid #fff;
border-bottom-color: #eee;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: 400;
padding: 10px 20px 6px;
text-transform: uppercase
}
#product-tabs li.active {
background: none;
border: 1px solid #eee;
border-bottom-color: #fff;
color: #222;
font-weight: 600
}
#product-tabs-content {
border: 1px solid #eee;
padding: 20px
}
#product-tabs-content h3 {
font-size: 14px;
font-weight: 600;
padding: 16px 0 0;
text-transform: uppercase
}
#product-tabs-content dl { margin: 24px 0 }
#product-tabs-content dt {
color: #222;
font-weight: 600;
margin: 0 0 6px
}
#product-tabs-content dd {
margin: 0 0 0 6px;
padding: 2px 0 2px 20px !important
}
#product-tabs-content dd:before { top: 8px !important }
#ui-tabs { margin-bottom: 20px }
#ui-tabs .dyn-tabs {
display: none;
overflow: auto
}
#ui-tabs h4 {
color: #b06339;
font-size: 16px;
margin: 20px 0
}
#ui-tabs ul#tabs {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
margin: 30px 0;
width: 100%;
}
#ui-tabs ul#tabs::after {
clear: both;
content: "";
display: table;
}
#ui-tabs ul#tabs li {
background: #f8f8f8;
border: 1px solid #f8f8f8!important;
border-bottom-color: #e5e5e5!important;
color: #222;
cursor: pointer;
display: block;
float: left;
font-size: 13px;
font-weight: 600;
list-style-type: none;
padding: 5px 15px!important;
position: relative;
text-transform: uppercase;
top: 1px;
}
#ui-tabs ul#tabs li.current {
background: none;
border: 1px solid #e5e5e5!important;
border-bottom-color: #fff!important;
color: #b06339;
font-weight: 700;
}
#ui-tabs ul#tabs li:hover { color: #b06339; }
fieldset .userfields_info {
clear: both;
display: block;
padding: 10px 0;
}
#userForm select, .width80 { width: 80% }
.control-buttons { overflow: hidden }
.control-buttons + fieldset { margin-top: 32px }
.control-buttons + fieldset span {
background: none;
height: inherit
}
.control-buttons > div {
border-top: 1px solid #eee;
font-size: 12px;
margin: 40px 0 20px;
padding: 16px 0 0
}
.coupon {
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #eee;
border-radius: 4px;
color: gray;
font-size: 9px;
padding: 3px
}
.customer-comment, .featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .output-billto, .output-shipto { margin: 10px 0 }
.customer-reviews, .ask-a-question-view .form-field, .product-related-products, .product-related-categories { margin: 25px 0 0 }
.display-number { text-align: right }
.display-number select { margin: 1px 0 12px 12px }
.featured-view .spacer .catProductPrice + a img, .latest-view .spacer .catProductPrice + a img, .topten-view .spacer .catProductPrice + a img, .featured-view .spacer .catProductPrice + a + a img, .latest-view .spacer .catProductPrice + a + a img, .topten-view .spacer .catProductPrice + a + a img { margin-top: 16px }
.featured-view .spacer h3 a, .latest-view .spacer h3 a, .topten-view .spacer h3 a, .related-products-view .spacer h3 a, .browse-view .row .product .spacer h2 a, h3.catProductTitle a { color: #222 !important }
.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2, .category-view .row .category .spacer h2, h3.catProductTitle {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
padding: 20px 0 0;
text-transform: uppercase;
}
.featured-view h4, .latest-view h4, .topten-view h4, .related-products-view h4, h2.catSub, .category-view h4 {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 32px;
padding: 0 0 12px;
font-size: 16px;
color: #222;
font-weight: 600
}
.browse-view h1 { margin-bottom: 12px;}
.floatright, span.floatright, .floatleft, span.floatleft { float: right }
.formLogin {
background: #f9f9f9;
margin: 0 0 24px;
padding: 20px
}
.formLogin h3 { font-size: 18px }
.formLoginWrap a {
font-size: 13px;
margin-right: 12px
}
.formLoginWrap input, .trackMyOrder div {
float: left;
margin: 0 24px 12px 0
}
.general-bg, input.vm-default, a.product-details, a.details, div.details {
color: #b06339;
cursor: pointer;
text-align: center
}
.vmGkCartProducts > div {
border-bottom: 1px solid #eee;
clear: both;
color: #999;
overflow: hidden;
padding: 16px 0;
}
.vmGkCartProducts img {
float: left;
height: 70px;
width: 70px;
}
.vmGkCartProducts > div > div { margin-left: 122px }
.vmGkCartProducts h3 { font-size: 14px; margin: 0;}
.vmGkCartProducts h3 a { color: #222;}
.vmGkCartProducts h3 a:hover { color: #B06339}
.vmGkCartProducts h3 span {
color: #999;
font-weight: 300;
padding: 0 8px 0 0
}
.vmGkCartProducts .gkPrice {
color: #d2332b;
font-size: 16px;
font-style: italic;
font-weight: 400
}
.gkTotal {
color: #d2332b;
font-size: 48px;
font-weight: 400;
line-height: 1;
margin: 0 0 0 122px
}
.list-reviews .highlight {
background: #fafafa;
margin: 20px 0;
padding: 20px
}
.list-reviews .normal { padding: 12px }
.list-reviews .normal:first-child { padding-top: 0 }
.list-reviews .normal h3 { padding: 0!important; }
.list-reviews p { margin: 1.5em 0 .6em }
.list-reviews span.date {
color: #888;
display: block;
font-size: 10px;
margin: 0 0 4px
}
.main-image img.product-image, .featured-view .spacer img, .latest-view .spacer img, .topten-view .spacer img {
height: auto;
max-width: 100%;
width: auto
}
.manufacturer h3.catProductTitle { text-align: center; }
.manufacturer-details-view .spacer {
padding-left: 0;
padding-right: 0;
}
.manufacturer-details-view .spacer > div { padding: 10px 0; }
.manufacturer-details-view .email-weblink a { margin-right: 15px }
.manufacturer-details-view img {
background: #fff;
border: 1px solid #efefef;
float: right;
margin: 0 0 10px 20px;
padding: 8px;
}
.orderby-displaynumber {
border-bottom: 1px solid #e5e5e5;
font-size: 11px;
font-weight: 600;
margin: 0 0 32px;
text-transform: uppercase;
}
.orderby-displaynumber::after {
clear: both;
content: "";
display: table
}
.orderlistcontainer { position: relative }
.orderlistcontainer a:hover, .featured-view .spacer h3 a:hover, .latest-view .spacer h3 a:hover, .topten-view .spacer h3 a:hover, .related-products-view .spacer h3 a:hover, .browse-view .row .product .spacer h2 a:hover, h3.catProductTitle a:hover { color: #b06339!important }
.orderlistcontainer div.activeOrder {
cursor: pointer;
float: left;
line-height: 46px;
margin: 0 24px 0 8px
}
.orderlistcontainer div.orderlist {
background: #fff;
border: 1px solid #eee;
cursor: pointer;
display: none;
font-size: 14px;
font-weight: 400;
left: 46px;
padding: 4px 12px;
position: absolute;
text-transform: none;
top: 32px;
z-index: 2
}
.orderlistcontainer div.orderlist div {
border-top: 1px solid #eee;
font-size: 13px;
line-height: 1.4;
padding: 8px 12px
}
.orderlistcontainer div.orderlist div:first-child { border: none }
.orderlistcontainer div.title {
float: left;
line-height: 46px;
width: 50px
}
.output-billto span.titles, .output-shipto span.titles {
float: left;
width: 150px
}
.output-billto span.values, .output-shipto span.values { padding-right: 5px }
.output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft { float: left }
.output-billto span.values-first_name, .output-billto span.values-middle_name, .output-billto span.values-zip, .output-shipto span.values-first_name, .output-shipto span.values-middle_name, .output-shipto span.values-zip {
float: left;
margin-right: 3px
}
.gkShowCart a { float: none !important; margin: 32px 0 0}
.output-shipto {
color: #999;
font-size: 11px;
line-height: 1.4
}
.page-results {
margin-top: 25px;
text-align: right
}
.product-additional-info {
font-size: 13px;
margin: 0 0 66px
}
.product-field-type-P .product-fields-title { font-size: 120% }
.product-fields .product-field-type-P {
border-bottom: 1px solid #eee;
clear: both;
margin-top: 18px
}
.product-neighbours {
color: #777;
margin: 0 0 15px
}
.product-neighbours a.next-page {
float: right;
line-height: 20px;
padding-right: 30px
}
.product-neighbours a.previous-page {
float: left;
line-height: 20px;
padding-left: 30px
}
.productDetailInfo {
border-bottom: 1px solid #E5E5E5;
font-size: 13px;
margin: 0 0 32px;
padding: 0 0 12px;
}
.productDetailInfo dt {
clear: both;
color: #222;
font-weight: 600;
margin: 0 6px 0 0;
float: left
}
.product-price {
color: #bbb;
font-size: 11px;
line-height: 1.6em;
}
.product-price > strong {
color: #222;
display: block;
margin: 0 0 15px
}
.product-related-products > div, .product-related-categories > div {
display: inline-block;
font-size: 12px;
font-weight: 600;
margin: 12px 0;
padding: 0 24px;
text-align: center;
text-transform: uppercase;
width: 120px;
}
.product.vertical-separator { padding-bottom: 72px!important }
.productDetails { margin: 40px 0 }
.productDetails .main-image a {
display: block;
position: relative
}
.productDetails .main-image img, #product-tabs-content > div.active { display: block!important; }
.product_s_desc p {
line-height: 1.4;
margin-bottom: 6px;
padding: 0
}
.productdetails-view .addtocart-bar, .write-reviews, ul#tabs { margin: 20px 0 0 }
.productdetails-view .product-description, .product-fields { margin: 15px 0 }
.productdetails-view h1 {
line-height: 1.1;
margin: 0 0 6px
}
.product-related-products, .product-related-categories {
border: 1px solid #eee;
padding: 20px;
}
.productdetails-view .product-related-products img, .productdetails-view .product-related-categories img { margin-bottom: 12px }
.productdetails-view .product-related-products a, .productdetails-view .product-related-categories a { color: #222 !important }
.productdetails-view .product-related-products a:hover, .productdetails-view .product-related-categories a:hover { color: #b06339 !important }
.right, #bottom-pagination .counter { text-align: right!important }
.row {
display: table;
width: 100%
}
.row .product.width50, .row .product.width33, .row .product.width25, .row .product.width20 { padding: 0 }
.row > div {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left!important;
text-align: center
}
.stockLavel {
font-size: 13px;
padding: 16px 0
}
.terms-of-service h5 {
background: #fffef4;
font-size: 14px;
padding: 15px;
text-align: center
}
.terms-of-service h5 a, .terms-of-service h5 a:visited {
color: #b06339;
text-transform: uppercase
}
.trackMyOrder h4 { margin: 0 0 32px }
.trackMyOrder div {
float: left;
margin: 12px 24px 0 0
}
.trackMyOrder div input[type="submit"] { margin-top: 26px }
.userfields_info {
color: #222;
font-size: 16px
}
.vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .related-products-view, .browse-view, .order-view { margin-bottom: 32px }
.product { position: relative; }
.category > div > a,
.product > div > div > a {
display: inline-block;
overflow: hidden;
}
.category > div > a > img,
.product > div > div > a > img {
display: block;
-webkit-transform: scale(1) rotateZ(0);
-moz-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
-o-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.category > div > a:hover > img,
.product > div > div > a:hover > img {
-webkit-transform: scale(1.2) rotateZ(-5deg);
-moz-transform: scale(1.2) rotateZ(-5deg);
-ms-transform: scale(1.2) rotateZ(-5deg);
-o-transform: scale(1.2) rotateZ(-5deg);
transform: scale(1.2) rotateZ(-5deg);
}
#checkoutFormSubmit.vm-button,
.vm-button-correct,
.vm-button-correct:link,
.vm-button-correct:visited {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
background: #222;
border: 0;
border-radius: 2px;
color: #fff!important;
cursor: pointer;
font-size: 12px;
font-weight: 400;
padding: 8px 10px;
height: auto;
line-height: 19px;
text-align: center;
text-transform: uppercase
}
.vm-button-correct:hover, .catProductDetails:hover {
background: #b06339;
color: #fff
}
.vm-customfield-mod img, .vm-customfield-cart img {
vertical-align: middle;
width: 16px
}
.vmicon, .vmiconFE {
background: url(../images/vm/vm2-sprite.png) no-repeat 0 0;
display: block;
height: 10px;
width: 53px
}
.vm-img-desc {
color: #222;
display: block;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase
}
.vm2-arrow_down {
background-position: 0 -72px;
height: 16px;
width: 16px
}
.vm2-billto-icon {
background-position: 0 -138px;
border: 0;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-lowstock { background-position: 0 -213px }
.vm2-normalstock, .vm2-nostock, .vm2-lowstock {
background-position: 0 -208px;
display: block;
height: 2px;
margin: 0 auto;
width: 53px
}
.vm2-nostock { background-position: 0 -218px }
.vm2-remove_from_cart {
background: url(../images/vm/vm2-sprite.png) no-repeat 100% -64px!important;
cursor: pointer;
display: block;
float: right;
height: 24px!important;
width: 15px!important
}
.vm2-shipto-icon {
background-position: 0 -284px;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-stars0, .vm2-stars_0 { background-position: 0 -50px }
.vm2-stars1, .vm2-stars_1 { background-position: 0 -40px }
.vm2-stars2, .vm2-stars_2 { background-position: 0 -30px }
.vm2-stars3, .vm2-stars_3 { background-position: 0 -20px }
.vm2-stars4, .vm2-stars_4 { background-position: 0 -10px }
.vm2-termsofservice-icon {
display: inline-block;
height: 24px;
margin-right: 6px;
vertical-align: middle;
width: 24px
}
.vm2-warning {
height: 40px;
width: 50px
}
.vmGkCartProducts { padding: 12px 0 24px }
.vmlogout {
margin: 12px 0;
text-align: right
}
.vmlogout input {
float: right;
margin-left: 12px
}
.vmpayment_cardinfo {
color: gray;
font-size: 9px
}
.vmpayment_description, .vmshipment_description {
color: #999;
display: block;
font-size: 12px;
font-weight: 300;
padding: 0 2px
}
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost { padding: 0 2px }
.vmquote { font-size: smaller }
/* VM Popup Module Cart */
.vmCartModule dl + dl {
border-top: 1px solid #333;
margin: 32px 0 0;
padding: 12px 0 0;
}
.vmCartModule dl dt {
clear: both;
float: left;
}
.vmCartModule dl dd { text-align: right; }
.vmCartModule dl dt a { color: #eee }
.vmCartModule dl dt a:hover { color: #b06339 }
.vmCartModule dd strong {
color: #b06339;
font-size: 20px
}
.width1 { width: 1% }
.width10 { width: 10% }
.width11 { width: 11% }
.width12 { width: 12% }
.width13 { width: 13% }
.width14 { width: 14% }
.width15 { width: 15% }
.width16 { width: 16% }
.width17 { width: 17% }
.width18 { width: 18% }
.width19 { width: 19% }
.width2 { width: 2% }
.width20 { width: 20% }
.width21 { width: 21% }
.width22 { width: 22% }
.width23 { width: 23% }
.width24 { width: 24% }
.width25 { width: 25% }
.width26 { width: 26% }
.width27 { width: 27% }
.width28 { width: 28% }
.width29 { width: 29% }
.width3 { width: 3% }
.width30 { width: 30% }
.width31 { width: 31% }
.width32 { width: 32% }
.width33 { width: 33% }
.width34 { width: 34% }
.width35 { width: 35% }
.width36 { width: 36% }
.width37 { width: 37% }
.width38 { width: 38% }
.width39 { width: 39% }
.width4 { width: 4% }
.width40 { width: 40% }
.width41 { width: 41% }
.width42 { width: 42% }
.width43 { width: 43% }
.width44 { width: 44% }
.width45 { width: 45% }
.width46 { width: 46% }
.width47 { width: 47% }
.width48 { width: 48% }
.width49 { width: 49% }
.width5 { width: 5% }
.width50 { width: 50% }
.width51 { width: 51% }
.width52 { width: 52% }
.width53 { width: 53% }
.width54 { width: 54% }
.width55 { width: 55% }
.width56 { width: 56% }
.width57 { width: 57% }
.width58 { width: 58% }
.width59 { width: 59% }
.width6 { width: 6% }
.width60 { width: 60% }
.width61 { width: 61% }
.width62 { width: 62% }
.width63 { width: 63% }
.width64 { width: 64% }
.width65 { width: 65% }
.width66 { width: 66% }
.width67 { width: 67% }
.width68 { width: 68% }
.width69 { width: 69% }
.width7 { width: 7% }
.width70 { width: 70% }
.width71 { width: 71% }
.width72 { width: 72% }
.width73 { width: 73% }
.width74 { width: 74% }
.width75 { width: 75% }
.width76 { width: 76% }
.width77 { width: 77% }
.width78 { width: 78% }
.width79 { width: 79% }
.width8 { width: 8% }
.width81 { width: 81% }
.width82 { width: 82% }
.width83 { width: 83% }
.width84 { width: 84% }
.width85 { width: 85% }
.width86 { width: 86% }
.width87 { width: 87% }
.width88 { width: 88% }
.width89 { width: 89% }
.width9 { width: 9% }
.width90 { width: 90% }
.width91 { width: 91% }
.width92 { width: 92% }
.width93 { width: 93% }
.width94 { width: 94% }
.width95 { width: 95% }
.width96 { width: 96% }
.width97 { width: 97% }
.width98 { width: 98% }
.width99 { width: 99% }
.write-reviews h4 {
border-bottom: 1px solid #eee;
margin: 0 0 36px;
padding: 0 0 12px
}
.write-reviews h4 span {
font-size: 14px;
font-weight: 400;
margin-left: 8px
}
.write-reviews span.step {
color: #222;
display: inline-block;
font-weight: 400;
margin: 0 0 8px
}
.write-reviews textarea.virtuemart {
display: inline-block;
margin-bottom: 6px
}
.write-reviews ul.rating {
margin: 6px 0 20px;
padding: 0
}
.write-reviews ul.rating li {
display: inline-block;
list-style: none;
padding: 0 5px;
text-align: center
}
.write-reviews ul.rating li span, .product-field-display a img, .trackMyOrder label, table.cart-summary td > img + br, #product-tabs-content > div:first-child { display: block }
a.highlight, a.highlight:visited {
background-position: 0 -160px;
border: solid #00a000 1px;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 3px 8px 1px;
text-decoration: none
}
a.product-details, a.details, div.details { display: inline-block }
div.PricesalesPrice {
background: #f5f5f5;
color: #222;
font-size: 18px;
font-weight: 300;
margin: 0 0 16px;
padding: 22px 32px;
}
div.terms-of-service, table.generalUserInfo, table.user-details { margin: 24px 0 }
h2.catSub {
border: none;
margin: 0 0 12px
}
input.addtoCart:hover { background: #b06339 }
input.custom-attribute { width: 140px }
input.highlight-button {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 12px;
text-align: center;
text-decoration: none
}
input.quantity-input {
padding: 6px 8px !important;
width: 32px;
}
input.vm-default { margin-bottom: 2px }
input.vm2-add_quantity_cart, input.vm2-add_quantity_cart:hover {
background: url(../images/vm/vm2-sprite.png) no-repeat 10px -64px!important;
border: none;
margin: 0;
padding: 15px;
width: 15px;
border: 0!important;
}
label.product-fields-title {
color: #222;
display: inline-block;
min-width: 15%
}
label.quantity_box {
line-height: 32px;
margin-right: 12px
}
.quantity_box_wrap {
display: block;
margin: 0 0 20px
}
select#virtuemart_currency_id {
margin: 0 0 12px;
width: 100%
}
.product-price span.PricesalesPrice {
color: #D2332B;
font-size: 48px;
font-weight: 400;
margin: 20px 0 0 12px
}
span.bold {
color: #222;
font-weight: 500
}
span.custom-variant-inputbox {
display: block;
float: left;
margin-bottom: 5px;
width: 152px
}
span.details-button { margin: 0 0 0 10px }
span.details-button input.details-button {
border: 1px solid #eee;
color: #135CAE;
cursor: pointer;
padding: 3px 8px 1px;
text-align: center
}
span.manufacturer { margin: 0 0 0 16px }
span.quantity-box {
font-weight: 700;
margin: 0 10px 0 0
}
span.stock-level {
color: #999;
font-size: 10px
}
span.terms-of-service {
display: inline-block;
font-size: 12px;
margin-right: 10px
}
span.title, h4.title {
display: block;
font-size: 14px;
font-weight: 600;
padding: 8px 0 0;
text-transform: uppercase;
}
}
span.tos {
display: inline-block;
margin-right: 15px
}
span.variant-dropdown {
display: block;
float: left;
margin-bottom: 5px;
width: 150px
}
span.variant-dropdown select { width: 150px }
span.variant-name, span.custom-variant-name {
display: block;
float: left;
margin-bottom: 5px;
width: 100px
}
table.cart-summary td {
font-size: 15px;
vertical-align: middle
}
table.ordersList, .product-field-type-B, .product-field-type-S, .product-field-type-I, .addtocart-area .product-fields select { width: auto }
.width100 { width: 100% }
table.shopperInformation td, table.generalUserInfo td, table.user-details td {
border: none;
padding: 3px 24px 3px 0
}
table.shopperInformation tr:hover, table.generalUserInfo tr:hover, table.user-details tr:hover { background: none }
table.user-details input {
color: #777;
margin-bottom: 2px;
padding: 5px 5px 4px
}
td.orders-key {
font-weight: 700;
text-align: left
}
textarea.virtuemart {
color: #777;
padding: 5px 5px 4px;
text-align: left
}
.buttonBar-right {
margin: 0 0 20px 0;
overflow: hidden;
width: 100%;
}
#com-form-login, .billto-shipto, .trackMyOrder form[name="com-login"] {
border: 1px solid #e5e5e5;
margin: 32px 0;
padding: 24px;
overflow: hidden
}
#form-login.vmlogout {
line-height: 37px;
}
#com-form-login h4 {
border-bottom: 1px solid #eee;
font-size: 12px;
font-weight: bold;
margin: 0 0 32px;
padding: 0 0 16px;
}
.billto-shipto strong { font-size: 12px; }
#com-form-login a, .billto-shipto a { color: #222 !important }
#com-form-login a:hover, .billto-shipto a:hover { color: #b06339 !important }
.vendor-details-view address {
font-style: normal;
margin: 30px 0;
}
.vendor-details-view .vendor-image {
float: right;
margin: 30px 0 30px 30px;
}
.vendor-details-view textarea { width: 100%; }
.vendor-details-view p { margin: 20px 0; }
.vendor-view-default .manufacturer {
padding: 20px 0;
width: 100%;
}
.vendor-view-default .manufacturer h4 small {
color: #777;
display: block;
font-size: 14px;
line-height: 1.8;
}
.vendor-details-view h1 { margin: 0 0 30px 0; }
.vendor-details-view h1 small {
color: #777;
display: block;
font-size: 18px;
line-height: 1.8;
}
/* Category module */
.VMmenu li {
border: none;
padding: 3px 0
}
#paymentForm > div {
margin: 10px 0 15px;
}
/* VM3 adjustments */
.productdetails-view .productDetails > div {
float: right;
width: 48%;
}
.productdetails-view .productDetails > div:first-child {
float: left;
}
.productdetails-view .productDetails:after {
clear: both;
content: "";
display: table;
}
.quantity-controls.js-recalculate {
display: none;
}
#product-tabs-content:after {
clear: both;
content: "";
display: table;
}
.product-additional-info .ratingbox {
margin: 0 16px 0 0;
}
.product-additional-info span.manufacturer {
margin: 0;
}
#reviewform label {
cursor: pointer;
}
.customer-greetings {
padding: 0 12px 32px 12px;
}
#facebox .popup > div > div > a:first-child {
left: 10px;
right: auto;
}
h2.catSub {
margin: 0 0 24px;
}
.browse-view div.PricesalesPrice {
background: transparent;
}
.vm-cart-header-container .vm-continue-shopping {
text-align: right;
}
.vm2-billto-icon,
.vm2-shipto-icon {
display: none;
}
.cart-summary h3 {
font-size: 14px;
}
.cart-summary .vm2-remove_from_cart {
border: none;
padding: 0;
}
#customer_note_field {
clear: both;
display: block;
margin: 10px 0 30px 0;
}
.cart-summary th {
font-size: 13px;
}
#userForm h2 {
font-size: 24px;
margin: 20px 0;
}
#userForm .control-buttons {
margin: 20px 0;
}
#virtuemart_shoppergroup_id {
height: auto;
}
script[id^="vm"] + h2 {
margin: 20px 0;
}
.output-shipto > input[type="checkbox"] {
float: left;
margin: 0 10px 0 0;
position: relative;
top: -6px;
}
#userForm h1,
#paymentForm h1 {
font-size: 24px;
margin: 0 0 20px 0;
}
#userForm .buttonBar-right button,
#paymentForm .buttonBar-right button {
background: #333;
border: none;
color: #fff!important;
}
.cart-summary h1 {
font-size: 11px;
}
.post_payment_payment_name {
margin: 10px 0 0 0;
}
.post_payment_order_total {
margin: 0 0 20px 0;
}
/* Custom fields fix */
.addtocart-area .product-fields .hasTip {
display: none;
}
.addtocart-area .product-fields .hasTip {
display: none;
}
.addtocart-area .product-fields .product-field-desc {
font-size: 12px;
padding: 5px 0;
}
-
- Gold Boarder
- GK User
- Fri Sep 04, 2015 10:10 am
- Reply with quote
- Report this post
The problem is not in vm.css but in javascript error. It seems something you did introduced some faulty javascript into page which is blocking tabs to work correctly.
-
- Moderator
- GK User
- Fri Sep 04, 2015 12:24 pm
- Reply with quote
- Report this post
Cyberek wrote:The problem is not in vm.css but in javascript error. It seems something you did introduced some faulty javascript into page which is blocking tabs to work correctly.
I have no plug-ins running except for the few that came with the template. How can I figure out what is wrong?
-
- Gold Boarder
- GK User
- Fri Sep 04, 2015 3:43 pm
- Reply with quote
- Report this post
When I switch back to the storefront template in the template manager, the description is present. When I switch back to instyle template, it is missing. I have disabled any plugins that did not come with the template. Please advise what can I do to show the descriptions. Also when I rename the vm.css file in the templates/gkinstyle/css folder, I see the description, but lose the styling. Can anyone please help with this issue?
-
- Gold Boarder
- GK User
- Mon Sep 07, 2015 6:16 am
- Reply with quote
- Report this post
Please verify if all modules uses same engine (jQuery).
-
- Moderator
- GK User
- Mon Sep 07, 2015 6:17 am
- Reply with quote
- Report this post
How would I do that?
-
- Gold Boarder
- GK User
- Mon Sep 07, 2015 4:49 pm
- Reply with quote
- Report this post
Check every module (NPS, IS if used) and on one of modules tabs you should be able to change engine - jQuery should be selected.
-
- Moderator
7 posts
• Page 1 of 1