Skip to content

Instantly share code, notes, and snippets.

@kenold
Last active January 14, 2020 17:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kenold/bad17c3b863ac5c0b83d71460009ed9a to your computer and use it in GitHub Desktop.
Save kenold/bad17c3b863ac5c0b83d71460009ed9a to your computer and use it in GitHub Desktop.
/* Ken's custom's CSS - Questions? flexwebagency@gmail.com */
/* 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