Search Results for 'css'

[cleast]

Hi!

1. Navigation bar: Theres some automatic space between the navigation bar and the metaslider that im not able to remove, tried CSS and solutions from your forum but nothing works. How can I remove this in a good way? When I inspect the code I assume it style=”height” is set with javascript, and I don’t know how to change it. I don’t want any extra height except for the navbar on top. See the picture below

2. I want to move the logo and the cart so they are within the same container size as the rest of the page content(except for metaslider), see picture.

3. How do I remove the Browse wishlist that appears when I hover a product? see picture

4. How do I remove the add to wishlist in the quick view window?

5. How do I remove the arrow to the right down corner that you use to auto scroll up with?

 

Would be really happy if you could help med with these problems.

[Harry]

Sorry because miss understood,

1, You need active Popup in Dashboard > Popups

https://monosnap.com/file/v1ZRlD20JGoEmImd7nLLjNU3HjK8qQ#

2. Go to YITH Plugins > WC Popup > Show on all page > Enable

https://monosnap.com/file/WpdQH2hvJvJONXxFOrIZH7OCjdWMxB#

3. Add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.offline .ypop-modal { display: block;}

The Popup will appear on maintenance mode

Best regards

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

[Harry]

Hi,

You can add custom css code.

.btn-atc .cart:not(.variations_form) { display: inline; width: 100%; }

Best regards

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

[Harry]

Hi,

1. You can enable review on product detail at Dashboard > WooCommerce >  Settings > Products

https://monosnap.com/file/JZkqUIZeLYclXm975xjlgOQ1sGh9IO#

2. You can disable category description by remove description of category

https://monosnap.com/file/cIpxe8lE63mGpsTKSlWNRNbbD42svM#

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

.archive.woocommerce-page .page-head p { visibility: hidden; height: 0;}

3.You can enable option of OpenSwatch plugin in Dashboard > WooCommerce > MG OpenSwatch Optionand follow our document at janstudio.net/gecko/document/index.html navigate to WooCommerce Settings > Product’s Attribute and  Product color and size section

4. You can enable filter like our demo at Appearance > Widgets > add YITH ajax filter to WooCommerce Top Sidebar

Best regards

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

[Harry]

We saw this issue, we will check and fix soon.

Now you can add custom css in Claue > Theme Option > General Layout > Custom CSS

.jas-offline-content { background-image: url(“https://poshstylez.com/wp-content/uploads/2017/04/poshstylez_splash01.jpg”);}

Best regards

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

[Harry]

Hi,

I think the layout on ipad should be 2 columns, only change on screen less than 768px

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

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

.products .jas-col-xs-12 {
flex-basis: 100%;
max-width: 100%;
}

}

if you want less than 800px you can change 767 to 799.

Best regards

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

[Harry]

Hi,

You can add more css for border radius

.product > .product-image img { border-radius: 5px;}

Best regards

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

[Harry]

I’ve just help you add custom css code, now it run. You can check in Claue > Theme Option > General Layout > Custom CSS

Best regards

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

[Harry]

Sorry for late reply.

1. You can reduce space between the bottom of product with description tab by add custom css in Claue > Theme Option > General Layout > Custom CSS

.woocommerce-tabs { padding-top: 50px;}

you can change 50px with your number

2.You can change text of bundle in Settings > Product Bundle Setting > Bundle title & Bundle description.

Best regards

 

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

[Harry]

Bạn thêm giúp mình đoạn css này nhé

.jas-action a.cb.chp.db.cart-contents { display: block;}

Đoạn code lúc trước của mình làm nó bị ẩn

Best regards

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