Search Results for 'css'

[Harry]

Hi,

Sorry for late reply

I checked your site and saw you added padding so what i did for you before display not good.

1. To edit content display better on desktop and  mobile you need experience about css or you can hire some freelancer at http://studiotracking.envato.com/SHOF to help you do this.

2. You can check solution at https://www.wordher.com/why-is-wordpress-cropping-my-images/

Best regards

• This reply was modified 8 years ago by Harry.

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

[Harry]

Hi,

Sorry for late reply.

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

.product_meta span.sku_wrapper { display: none;}

Regards

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

[para_bellum]

No.  Just if we later decide not to display the SKU number.  Is it in a configuration or is it a line of CSS somewhere?

[Harry]

Hi,

1. You can set image background responsive on mobile by set it as cover https://monosnap.com/file/aLcXx1qKX3zlwJdUHCf8BZ0BKqL8Tr#

2. For the text you can add css for responsive in JanStudio > Theme Option > General Layout > Custom CSS

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

.your_class { font-size: 12px;}

}

Change “your_class” with your class you added for text and change 12 with your number

Regards

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

[Foster]

Hi there,

For 1st question please add this code to Gecko theme options / General Layout / Custom JS code

http://pastebin.com/ZSeGtXUF

And next question, you just need add CSS class “btn-quickview” and HTML attribute data-prod=”product_id” to HTML dom of Essential Grid item, like this http://take.ms/jGttI

[Harry]

Hi,

1. You can add custom css for image on popup in JanStudio > Theme Option > General Layout > Custom CSS

.ypop-woo-thumb .yit-popup-image img { width: 160px;}

2. We check your site on retina device and saw place holder at logo, you can upload your logo for retina and mobile device at JanStudio > Theme Option > Header > Retina Logo

Best regards

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

[Foster]

Hi there,

Sorry for the delay, if you want to do it on mobile only, you need to some custom code in child theme, please follow there step

1. Install gecko child theme and copy file core / libraries / vendors / woocommerce / single-product / product-image.php of parent theme to child theme like this structure gecko-child / woocommerce / single-product / product-image.php

2. Open this file and find http://pastebin.com/87RU82xz

 

To disable flip image on hover on mobile, please use this custom CSS code

http://pastebin.com/0NFWva1A

And the last question: This image for our demo only, not feature of theme

BTW: I will move this topic to Gecko support forum

[Harry]

Hi,

You can use some plugin for cache, compress js/css

https://wordpress.org/plugins/w3-total-cache/

https://wp-rocket.me/

and optimize your image at https://tinypng.com/ for before upload your website to live.

Best regards

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

[Harry]

Hi,

1. The issue with image color swatch because have flip thumbnail it get second default image in gallery when mouse over, when mouse out the image will change as color swatch image.

2. You can hide product attribute when touch on mobile by add custom css in JanStudio > Theme Option > General > Custom CSS

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

.product-image .product-attr, .product-image:hover .product-attr { display: none;}

}

Best regards

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

[Harry]

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

#jas-header { border-bottom: 1px solid #000;}

Regards

 

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