Last active
January 14, 2020 17:29
-
-
Save kenold/bad17c3b863ac5c0b83d71460009ed9a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Ken's custom's CSS - Questions? [email protected] */ | |
/* remove horizontal scroll */ | |
body { | |
overflow-x: hidden; | |
} | |
/* custom classes */ | |
.d-block { | |
display: block!important; | |
} | |
.d-none { | |
display: none!important; | |
} | |
@media (min-width: 992px) { | |
.d-md-none { | |
display: none!important; | |
} | |
} | |
/* main top nav */ | |
.top-left-links .fa, | |
.top-right-links .fa { | |
color: #ff0000; | |
} | |
.top-right-links .fa { | |
font-size: 25px; | |
} | |
.top-right-links { | |
display: flex; | |
text-transform: uppercase; | |
} | |
.top-left-links { | |
padding: 0; | |
} | |
.top-left-links li, | |
.top-right-links li { | |
margin-right: 15px; | |
font-weight: bold; | |
} | |
.header-right-widgets a { | |
color: #ff0000; | |
} | |
.cart-contents::before { | |
font-size: 24px; | |
} | |
.header-search .nbt-icon-search { | |
top: 20px; | |
position: absolute; | |
} | |
@media (min-width: 992px) { | |
.header-search .nbt-icon-search { | |
top: 0; | |
} | |
} | |
.header-right-widgets { | |
display: flex; | |
} | |
.header-cart-search { | |
position: relative; | |
} | |
.cart-contents > span { | |
position: absolute; | |
top: 0; | |
left: 0; | |
} | |
.cart-contents:before { | |
padding-right: 12px; | |
padding-left: 12px; | |
} | |
/* social links */ | |
.social-links { | |
display: none; | |
justify-content: flex-end; | |
} | |
@media (min-width: 992px) { | |
.social-links { | |
display: flex; | |
} | |
} | |
.social-links li { | |
font-size: 25px; | |
margin-right: 15px; | |
} | |
.social-links li a { | |
color: #000; | |
} | |
.social-links li a:hover { | |
color: #ff0000; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { | |
color: #fff; | |
font-weight: bold!important; | |
} | |
.header-right-wrap-top #mega-menu-wrap-primary #mega-menu-primary { | |
line-height: initial; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu { | |
margin-top: 0; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { | |
font-weight: bold; | |
color: #fff!important; | |
} | |
@media (min-width: 992px) { | |
.header-right-wrap-top { | |
background: #0b017e; | |
} | |
} | |
@media only screen and (min-width: 601px) { | |
#mega-menu-wrap-primary { | |
background: transparent; | |
} | |
} | |
.widget_maxmegamenu .main-nav .mega-menu-wrap { | |
background: transparent!important; | |
border: 0!important; | |
width: auto!important; | |
margin-top: 3px!important; | |
} | |
.widget_maxmegamenu .main-nav .mega-menu-wrap ul li a { | |
color: #fff!important; | |
text-transform: uppercase!important; | |
font-weight: bold; | |
} | |
.widget_maxmegamenu .main-nav .mega-menu-wrap ul li a:hover { | |
background-color: #ff0000!important; | |
color: #ffffff!important; | |
} | |
.widget_maxmegamenu .main-nav .mega-menu-wrap .mega-sub-menu a { | |
color: #222!important; | |
} | |
.widget_maxmegamenu .main-nav .mega-menu-wrap .mega-sub-menu a:hover { | |
background: none!important; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { | |
padding: 0px 40px 0px 40px; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { | |
color: #eee!important; | |
} | |
/* Mega sub-menu */ | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu { | |
background: #0b017e; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { | |
background: transparent; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { | |
background: transparent; | |
color: #ff0000!important; | |
font-weight: bold!important; | |
} | |
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { | |
background: #000; | |
} | |
/* add header contact info */ | |
.header-contacts { | |
border-left: 2px solid #0b017e; | |
font-size: 2rem; | |
line-height: 1.2; | |
padding-left: 2rem; | |
margin-top: 22px; | |
margin-left: -80px; | |
display: none; | |
} | |
.header-contacts a { | |
color: #0b017e; | |
} | |
@media (min-width: 992px) { | |
.header-contacts { | |
display: block; | |
} | |
} | |
/* change the "All Categories" button's background color */ | |
.mega-red-badge a::before { | |
content: '\f0c9'; | |
font-family: fontawesome!important; | |
padding-right: 5px; | |
} | |
/* remove icon */ | |
.mega-sub-menu a::before { | |
content: ""; | |
} | |
.mega-red-badge { | |
background-color: #ff0000!important; | |
color: #ffffff!important; | |
padding-right: 40px!important; | |
} | |
.mega-red-badge.mega-menu-flyout a { | |
color: #ffffff!important; | |
} | |
ul.mega-sub-menu li a { | |
color: #444!important; | |
} | |
.widget_maxmegamenu h3.widget-title { | |
background-color: #ff0000; | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
.widget_maxmegamenu h3.widget-title:after { | |
content: '\f078'; | |
font-family: fontawesome; | |
position: absolute; | |
top: 50%; | |
right: 11px; | |
font-size: 22px; | |
vertical-align: top; | |
transform: translateY(-60%); | |
} | |
/* main menu list HTML */ | |
.main-nav-list { | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
flex-wrap: wrap; | |
padding-left: 0; | |
} | |
.main-nav-list li { | |
text-transform: uppercase; | |
display: inline-block; | |
padding-bottom: 10px; | |
} | |
.main-nav-list li a { | |
color: #fff; | |
font-weight: bold; | |
padding: 10px; | |
} | |
.main-nav-list li a:hover { | |
color: #fff; | |
background-color: #ff0000; | |
font-weight: bold; | |
} | |
@media (min-width: 992px) { | |
.main-nav-list { | |
justify-content: space-between; | |
} | |
.main-nav-list li { | |
margin-top: 10px; | |
padding-bottom: 0; | |
} | |
.main-nav-list li a { | |
font-weight: bold; | |
} | |
} | |
/* hide compare button in product page*/ | |
.single-product #primary .summary a.compare.button { | |
display: none; | |
} | |
/* styles for home category blocks | |
.home-category-block was added in the banner widget settings | |
*/ | |
.home-category-block { | |
border: 1px solid #e1e1e1; | |
} | |
.home-category-block a { | |
color: initial; | |
} | |
.home-category-block .nbt-image-banner-info { | |
padding: 10px; | |
text-align: center; | |
} | |
.home-category-block .nbt-image-banner-info .title { | |
font-weight: bold; | |
font-size: 1em; | |
} | |
.home-category-block .nbt-image-banner-info .caption { | |
color: #ff0000; | |
padding-top: .75rem; | |
} | |
/* update cart counter position */ | |
.nbt-ajax-cart .nbt-ajax-cart-icon .nbt-ajax-cart-count { | |
position: absolute; | |
right: -5px; | |
top: 7px; | |
} | |
/* remove add-to-cart hover*/ | |
.woocommerce ul.products li.product:hover .product-content-top .product-content-info { | |
display: none; | |
} | |
/* banners zoom effect */ | |
#section-banners .nbt-image-banner-widget img { | |
transition: all 200ms; | |
} | |
#section-banners .nbt-image-banner-widget img:hover { | |
transform: scale(1.05); | |
} | |
/* product price styles */ | |
.woocommerce-loop-product__title { | |
font-size: 1.75rem!important; | |
} | |
.woocommerce li.product { | |
transition: all 200ms; | |
} | |
.woocommerce li.product:hover { | |
transform: translateY(-5px); | |
} | |
.woocommerce ul.products li.product h3 { | |
font-weight: 500; | |
} | |
.woocommerce ul.products li.product .price { | |
margin-top: 0; | |
line-height: 20px; | |
} | |
.woocommerce-Price-amount.amount { | |
font-size: 1.4rem!important; | |
} | |
.home .woocommerce-Price-amount.amount::before, | |
.archive .woocommerce-Price-amount.amount::before{ | |
content: "Starting at "; | |
color: #444; | |
font-weight: normal; | |
} | |
/* page title breadcumb */ | |
.page-title-wrap .page-entry-title.left { | |
margin: 10px 0; | |
} | |
.page-title-wrap .breadcrumbs { | |
margin: 10px 0; | |
} | |
#secondary aside .widget-title { | |
padding-top: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment