Search Results for 'css'

[fourvibes]

Dear Haryy, the CSS code have no effect and issue it’s still there.

I think it may be because another CSS code we have, or any other idea?

CSS CODE LIST WE HAVE:
.header-2 .jas-branding { padding: 0px 0;
}

.header-2 .header__mid [class*=”jas-col-“] {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.header-2 .header__mid #jas-right-menu {
display: table;
margin: auto;
}

.header-sticky .header__mid .jas-branding { padding: 0; }

.product-image:hover > .db::before { opacity: 0;}

.page-head { display: none;}

.footer__top { padding: 20px 0;}
.footer__bottom { padding: 20px 0;}

.product-image:hover > .db::before { opacity: 0;}
.product-image:hover .product-button > * { transform: scale(0); display: none;}

.product-image:hover .product-image-flip .back {opacity: 1;}

.product-image .product-image-flip:hover .back img {
transform: none;
}

.nombresconocenos{
color: white;}

.product .badge {
display: none;}

.social-share { display: none; }

.p-video { display: none; }

.jas-menu > li > a { font-size: 20px;}

@media only screen and (max-width: 736px) { .jas-gmap {max-width: 100%;} }

@media only screen and (max-width: 568px) {

.vc_custom_1495880494649 { min-height: inherit !important; padding: 80px 0 100px !important;}

}

[Harry]

Sorry for late reply.

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 568px) {

.vc_custom_1495880494649 { min-height: inherit !important; padding: 80px 0 100px !important;}

}

The best dimension for main banner is : 1920 x 1080

Best regards

 

• This reply was modified 8 years, 6 months ago by Harry.

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

[Harry]

You can change like this by add custom css

@media only screen and (max-width: 414px) {
.badge span.new { top: 0; left :0; right: auto;}

.badge span.onsale { top: auto; right: 0; bottom: 0; left: auto;}

.product-image .yith-wcwl-add-to-wishlist {top: 30px;}

.btn-quickview { top: 65px;}
}

Regards

 

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

[Harry]

Hi,

1. I fixed issue with error message on your site.

2. To fix issue with swatches not circle you can upload thumbnail as square or add custom css in JanStudio > Theme Option > General Layout > Custom CSS

#pa_color.swatch li span {width: 24px;}

Best regards

 

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

[Harry]

you can add some css code in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 414px) {
.badge span {font-size: 10px;width: 40px;}
}

 

Regards

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

[Harry]

Hi,

You don’t need the css code, only edit page and navigate to Page Layout Option > Page Title > Off.

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

[tiltil]

I want to reduce header size only on checkout page. So far only the header height gives me problems:

This is the custom CSS I used:

/* Remove header na checkout */
.page-id-4741 .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.flex.end-lg.end-sm.center-xs {
display: none;
}
.page-id-4741 .jas-action.flex.end-xs.middle-xs.jas-col-md-3.jas-col-xs-3 {
display: none;
}

.page-id-4741 .jas-col-md-3.jas-col-xs-3.flex.start-md.middle-xs {
visibility: hidden;
}

.page-id-4741 ul#jas-main-menu {
display: none;
}

.page-id-4741 .header__top.bgbl.pl__30.pr__30 {
display: none;
}
.page-id-4741 .jas-menu > li > a {
line-height: 50px;
}

Thanks

 

[R Vision]

This reply has been marked as private.

[abfchgirlx]

Okay – followed instructions.  header issue resolved.
WooCommerce Sidebar is not resolved.  It did remove the text – and it won’t show anything in the WooCommerce Sidebar Widget.

I checked the div tag for that field, and it’s empty.  So nothing is being hidden by CSS.  But for whatever reason – that left sidebar code is not connecting to the “WooCommerce Sidebar” widget.

Where in the code files can we properly confirm that the code is connected to “WooCommerce Sidebar widget”?  I think once we find where it’s broken, we can fix it, and then it will properly load the information from the “WooCommerce Sidebar” widget.

 

I have checked my functions.php file – and I cannot find it.
Thanks!

 

PS – Attachment below showing left WooCommerce Sidebar Widget is not showing anything – the widget itself is missing from the theme.

• This reply was modified 8 years, 6 months ago by abfchgirlx.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can add custom css in Claue > Theme Option > General Layout > Custom CSs

.variations_form .variations .value { border: none;}

.variations_form .variations .value::after {  display: none; }

Best regards

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