Search Results for 'css'

[Harry]

You need upload image have same dimension or add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.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]

Hi,

1. The price filter doesn’t show on this page because 3 product have same price or lost price filter in Widgets > WooCommerce Top SideBar, WooCommerce Sidebar, can you try add a product with different price to check or add price filter in these widget

2. This problem because you upload images don’t have same dimension

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

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

3. It better if you upload these images have same dimension or same ratio

Best regards

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

[Harry]

Hi,

1. You need enable “Swatch style Attributes” at WooCommerce > MG Open Swatch Option https://monosnap.com/file/aKwLLMFf7M1ug3oBCgbevOoHhBfCcg#  and follow our document at WooCommerce Settings > Product Attributes and Product Color and Size http://janstudio.net/gecko/document/index.html#product-swatch

2. You can hide this tab by uncheck in ” Visible on the product page”  https://monosnap.com/file/pADcNtpttdnkkQaqLo14TMQ4z4SCgu#

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

.woocommerce-tabs .additional_information_tab, .woocommerce-tabs #tab-additional_information {display: none;}

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 in JanStudio > Theme Option > General Layout > Custom CSS

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

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

}

Best regards,

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

[Harry]

Hi,

Thank you for purchase and using our theme!

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

.header__search .jas-ajax-search.ui-autocomplete-input { background: #000;} and change #000 with your color

2. You can edit search result in “gecko > Views > post > content.php”

3. You can edit search no result in “gecko > Views > post > content-none.php”

We recommend you copy file to child theme and override code on child theme.

Kind regards!

 

 

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

[Harry]

Hi,

1. You can use class “cw tu button-o-w” for button with transparent background

2. You can add custom css in JanStudio > Theme options > General Layout > Custom CSS

.jas-action > *:not(.sf-open.cb.chp) { display: none;}

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 link class by click on Screen Options on Top Right > And check CSS Classes

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

Best regards,

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

[Harry]

Thank you for your reply @Knudsen

Hi Gmoejm,

1. As comment of Knudsen you can remove social icons by go to JanStudio > Theme Option > Social Network > Remove Social Icons

2. You can hide search, user, wishlist icons by add custom css in JanStudio > Theme Options > General Layout > Custom CSS

.header__top .jas-action > * { display: none;}

3. You can add custom css in JanStudio > Theme Options > General Layout > Custom CSS

.footer-contact { text-align: center;}

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

@media only screen and (max-width: 1440px) { .jas-row > .jas-container { padding: 0 15px;} }

Best regards!

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

[Harry]

Hi,

You need follow suggest of Google Speed Webmaster Tool (optimize image, compress css, js) you can use some plugin to cache

– W3 Total Cache https://wordpress.org/plugins/w3-total-cache/

– WP Rocket https://wp-rocket.me/

 

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