Search Results for 'css'

[abeer]

Dear,

Dear Team,
Thanks for this wonderful theme.I am really happy to purchase this theme.I need few solution from you..

1. My menu is like Men >Bag >Leather Bag  , But i am not finding any option like this on your theme. in below screenshot i am giving example what i want..

screenshot menu

My question is how can i do this on your theme? is there any css code i need to write on

Appearance > menu   , to do this ? Advance thanks for  helping me out

[Harry]

Hi,

Please add more code to gecko-child > style.css

@media only screen and (max-width: 767px) {
.footer__top .jas-col-xs-12 {
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[MoonTreasures]

Thank you Harry! All the best wishes for you and your family too!

 

I tried to add the code to the style.css in the Gecko child theme, but it gave a warning that needs to be fixed before I can save the adjustments. So it doesn’t seem to work. Can you help me to fix this for me?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi MoonTreasures,

I wish you and your family fully with success and happiness on New Year 2020!

To fix the issue, please add more code to gecko-child > style.css

.shop_table .quantity input.input-text[type="number"] {
	-moz-appearance: inherit;
	width: 100%;
	border-right: none;
}
form.woocommerce-cart-form .tc.pa {
	display: none;
	width: 0;
}
.shop_table .product-quantity .quantity {
	padding-right: 5px;
	width: 60px;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-page > div {
	margin: 0;
}

And edit margin-top of the row wrap top content in PageBuilder.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Della,

Please add more code to laue > Theme Option > General Layout > Custom CSS

.footer__bot {
	display: none;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.footer__top {
	padding: 80px 0;
}

and change 80 with your number.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

This is my custom css on live and the code is not there

@media only screen and (min-width: 75em) {
body.page:not(.home) .jas-container {
width: calc(100% – 30px);
}
}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li:before {
content: none;
}
.sidebar .widget.yith-woocommerce-ajax-product-filter ul li {
padding-left: 0;
}
.product-image-flip img {
width: 100%;
}
.countdown-time {
bottom: 105px;
}
.jas-my-account {
color: #fff;
}
.jas-icon-cart {
color: #fff;
}
.product-countdown .product-info {
white-space: normal;
width: calc(100% – 40px);
}
.jas-sc-instagram .item img {
object-fit: cover;
height: 210px;
width: 300px;
}
.header__search {
color: #fff;
}

.term-description p {
margin: 15px auto;
max-width: 1024px;
text-align: center;
width: 100%;
}

.jas-currency {
color: #fff;
}
.jas-my-account ul {
z-index: 1000;
background: rgba(0, 0, 0, 0.95);
}
.jas-currency ul {
z-index: 1000;
display: none;
}
.jas-currency:hover ul {
display: block;
}
.ubermenu .ubermenu-item.ubermenu-item-12999>.ubermenu-target:hover {
background: #fff;
}
.header-sticky .header__mid {
box-shadow: none;
background: none;
}
.jas-wc-single > .bgbl, .product_meta .posted_in, .product_meta .tagged_as{ display: none;}

.product-inner .product-image {
border: 1px solid #dedede;
}

@media only screen and (max-width: 736px) {
.jas-action .sf-open { display: block;}
}
.woocommerce-checkout .slick-dots {display: none;}

.archive #wowslider-container12 {max-width: 1280px;}
.archive #wowslider-container63 {max-width: 1024px;}
.archive #wowslider-container24 {max-width: 1024px;}
.archive #wowslider-container25 {max-width: 1024px;}
.archive #wowslider-container26 {max-width: 1024px;}
.archive #wowslider-container28 {max-width: 1024px;}
.archive #wowslider-container29 {max-width: 1024px;}
.archive #wowslider-container91 {max-width: 1024px;}
.archive #wowslider-container114 {max-width: 1024px;}
.archive #wowslider-container41 {max-width: 1024px;}
.archive #wowslider-container49 {max-width: 1024px;}
.archive #wowslider-container77 {max-width: 1024px;}
.archive #wowslider-container67 {max-width: 1110px;}
.archive #wowslider-container74 {max-width: 1024px;}
.archive #wowslider-container125 {max-width: 1024px;}
.archive #wowslider-container128 {max-width: 1024px;}
.archive #wowslider-container98 {max-width: 1024px;}
.archive #wowslider-container100 {max-width: 1024px;}
.archive #wowslider-container116 {max-width: 1024px;}
.archive #wowslider-container121 {max-width: 1024px;}
.product-image:hover a .container-image-and-badge {opacity: 0; visibility: hidden;}
.product-image:hover .product-image-flip .container-image-and-badge a.back {opacity: 1; visibility: visible;}
.product-image .product-image-flip > .container-image-and-badge {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product-btn {
top: auto;
bottom: -50px;
left: 0;
-webkit-transform: translate(0,0);
transform: translate(0, 0);
width: 100%;
background: rgba(255,255,255,.85);
}
.product-image:hover .product-btn {
top: auto;
bottom: 25px;
}
.btn-quickview.cd.br__40.pl__25.pr__25.bgw.tc.dib {
background: none;
text-transform: uppercase;
color: #222;
}

@media screen and (max-width: 800px) {
.product-btn {background: none;}
}

.product-image .yith-wcwl-add-button a {
opacity: 1;
visibility: visible;

padding: 4px 2px 3px;
}

.product-quickview .yith-wcbm-badge { display: none; }
.mfp-bg { z-index: 9999;}

.wc-col-switch.flex::before {
content: “VIEW”;
margin-right: 10px;
}

.page-numbers {
margin: 6px 0;
}

.page-numbers li {
float: left;
margin: 0 1px 0 0;
color: #fff;
border: none;
padding: 0;
border-radius: 0;
}
.page-numbers li a,
.page-numbers li span {
color: #fff !important;
background: #222;
padding: 5px 12px;
}
.page-numbers li a:hover,
.page-numbers li span.current {
background: #e640e6;
}

.yith-woocommerce-ajax-product-filter.with-checkbox ul {
list-style-type: none;
padding: 10px !important;
border: 1px solid #ddd;
box-shadow: 0px 0px #888888;
}

.woocommerce ul.products li.product .price {
font-size: 14px;
}

@media only screen and (min-width: 736px) { .filter-trigger {display: none;}}

.filter-trigger .fa-sliders::before {
content: “\f002″;
}

@media only screen and (min-width: 75em) {
body.woocommerce-checkout .jas-container, body.woocommerce-cart .jas-container {
width: 73.125rem !important;
}
}
.term-description {display: block;}

@media only screen and (max-width: 1024px) {
.btn-quickview, .product-image a.db::before { display: none;}
.product-btn {background: none !important;}
.yith-wcwl-add-to-wishlist ~ .product-btn { display: none;}
.product-image .product-image-flip a {z-index: 1;}
}

.product-image-flip .back {
position: absolute !important;
}

@media only screen and (max-width: 736px) { .jas-my-account {
display: block;
}
.jas-action > * {
padding: 0 2px;
}
}
.is-color .swatch__value {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 0;
}
.is-color .swatch__list–item {
border-radius: 0;
}

.product-btn {
background: rgba(255,255,255,.15);
}
.product-image a.db::before {
display: none;
}

.swatch .swatch__list–item.is-selected .swatch__tooltip {
top: -33px;
opacity: 0;
visibility: hidden;
}

.menu-opened .jas-canvas-menu {
background: #bb1e39;
}

.ubermenu-responsive-toggle .fa{
float:right;
margin:0;
font-size:20px;
padding:5px 0;
}

.product-image .product-image-flip a {
position: relative;
z-index: 99;
}

.product-image .yith-wcwl-add-to-wishlist {
z-index: 100;
}

.product-image .product-image-flip a {
z-index: 1;
}

.product-image .yith-wcwl-add-button a {
color: #D8D8D8;
}

.product-image .yith-wcwl-add-button a:hover {
color: #FF0040;
}

.price .woocommerce-variation-availability {display: none;}

/* color menubar black. transparency would not stop showing so this code helped */
.header-sticky .header__mid {
box-shadow: none;
background: black;
}

/* fixes menu bar on cellphone and desktop to show 1 bar level on scroll when theme set to sticky */
@media only screen and (min-width: 1025px) {
.header-sticky .header__mid .jas-row {
display: none;
}}

.header__top {
padding: 0px 15px;
}

.header__mid {
padding: 0px 15px;
}

.header__mid .jas-row {
padding: 0px 15px;
}

.jas-action i {
font-size: 20px;
}
@media only screen and (min-width: 1026px) {
.jas-currency {
margin: 0px 0 0px 10px;
}}

.jas-ajax-load a {
background-color: #58D3F7;
color: #fff;
}

@media only screen and (max-width: 736px) {
.footer__top {padding: 0;}
.footer__top div[class*=”jas-col”]:not(:last-child) {
margin-bottom: 0;
}}

.pr.pe-7s-angle-up {
color: #fff;
}

html { overflow-x: hidden;}

.single-product-thumbnail .slick-slide > a {
display: inline-block;
}

@media only screen and (max-width: 768px) {
.single-product-thumbnail .slick-slide img.zoomlmg {
display: none;
}
}

[Harry]

Please check the code in Claue > Theme Option > General Layout > Custom CSS

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

I see different CSS below

.product-image.pr {
	position: relative !important;
	margin-top: 0px !important;
	display: block !important;
}

Please try remove this code

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio