Search Results for 'css'

[Harry]

Hi,

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

.product-type-composite .btn-atc .cart:not(.variations_form) {
display: inline;
}
.product-type-composite .value select {
border: 1px solid #ececec;
}
.composite_wrap {
float: left;
}
.product-type-composite .btn-atc .yith-wcwl-add-to-wishlist {
margin: 55px 0 0 15px;
}

Best regards

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

[Harry]

Hi Adele,

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

@media only screen and (max-width: 480px) {
.metaslider .flexslider .caption-wrap h2 {
font-size: 16px;
}
.metaslider .flexslider font {
font-size: 12px;
white-space: normal;
}
h4 {
font-size: 16px;
}
.home h3 span { font-size: 16px !important;}
}

@media only screen and (max-width: 360px) {
.metaslider .flexslider .caption-wrap h2 {
font-size: 14px;
}
}

I saw you insert more inline css font font-size of elment so on mobile it can’t use theme css to reduce font size on mobile. Could you explain more about issue with footer banner

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

[Foster]

Hi Anna,

1. You mean you want to redirect to the product detail after click add to cart button on product listing?

2.Please use this custom CSS code .woocommerce-mini-cart__buttons .wc-forward { display: none; }

3.I have fixed this issue for you, please check.

4. I saw the problem, A new version includes bug fixes will release soon, please stay tuned.

Cheers,
Foster

[MSehdev]

This reply has been marked as private.

[SweetDay]

Hi!

I am trying to use the composite product woocommerce plugin (https://woocommerce.com/products/composite-products/) on my site. I worked with the developers of that plugin, and we narrowed down the display defects to a conflict with the Gecko theme.

Is there some custom CSS I can add so that the plugin displays properly for visitors to the site?

Thanks!

[Harry]

Hi,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 414px) {
.p-thumb.images {
min-height: 315px;
display: inline-block;
}
}

Best regards

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

[Harry]

Hi Mohit,

1. This option for Metro layout, if you want layout like home-6 you have to use the option “Enable Large Thumbnails”, as i understand you don’t want the layout have one product have big image, one product have small image, you want the layout like /men, /women so i suggest you change layout to grid.

It’s now kid layout like this http://prntscr.com/hbqvmn, it work well when i go to Theme Option > WooCommerce > Product Listing Settings > Number Of Column = 4, if you change this setting Number Of Column = 3 the layout will be topsy-turvy

2. Please add custom css in Claue > Theme Option > General Layout > Custom CSS

.header-4,
.header__top {
transition: all 0.3s;
}

.header__mid.header-sticky {
width: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 999;
}
.header__mid.header-sticky .header__top {
height: 1px;
content: ”;
visibility: hidden;
opacity: 0;
padding: 0;
}
.header-4 {
height: auto !important;
}

.header__center {
border-bottom: 1px solid #ececec;
}
.header__bot .jas-navigation {
width: 960px;
margin: 0 auto;
border-top: none;
}
.jas-menu > li { position: static;}
.jas-menu > li > ul { width: 960px; text-align: center;}

.sub-column-item .sub-column {
position: absolute;
min-width: 250px;
display: table;
background: rgba(216,216,216,0.95);
top: 120%;
opacity: 0;
visibility: hidden;
left: 250px;
transition: all .3s;
text-align: left;
z-index: 10;
padding: 0;
box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
}
.jas-menu > li > ul > .sub-column-item {
display: inherit;
}
.jas-menu ul .sub-column-item > a {
color: #878787;
text-transform: none;
font-weight: 400;
font-size: 12px;
padding: 0;
border-bottom: none;
min-width: 250px;
}
.sub-column-item .sub-column li {
padding: 10px 15px;
line-height: 30px;
}

.jas-menu > li > ul > li {
min-width: auto;
display: inline-block;
}
.jas-menu ul li:not(:last-child) {
border-bottom: none;
}

And download attached file and extract to folder claue-child/views/header

Best regards

Attachments:

You must be logged in to view attached files.

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

[orlane_azogui]

Oh greaaat and just in case I realize I also want to hide the date (I am hesitating actually…) what is the custom css for that please ?

Thank you,

Laurie

[Harry]

This reply has been marked as private.

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

[Harry]

Hi,

Please add custom css in Claue > Theme Option > General Layout > Custom CSS

.post-info span, .post-meta {display: none;}

Best regards

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