Search Results for 'css'

[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

[Harry]

Hi,

Thank you for purchase and using our theme.

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

div.bbp-template-notice.info { display: none;}

Best regards

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

[Harry]

Hi,

1. You can change color of sale, new in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu li.sale > a:after, .badge span  { background: #ffa800; }
.jas-menu li.new > a:after, .badge .new { background: #01bad4;}

and change fa800, 01bad4 with your color code

2. The brown color of meta slider by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.furniture-slider .metaslider .flexslider .caption-wrap .caption { background: rgba(181, 150, 119, 0.8);}

change 181,150,119 as your RGB color and 0.8 is opacity as 80%

3. The black color on footer you can add css

#jas-footer::before { background-color: #000;}

and change #000 with your color

4. The search result display summaries if you have more articles have same keyword, it will display full article if only one article in search result

5. You image have different dimension, shape ( vertical rectangle, horizontal rectangle) so quick view can’t display identical image formats

 

Best regards

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

[Harry]

Hi,

Sorry for late reply

1. The image scale not correct because you set “Full Row Height” you need uncheck here

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

and remove background at Parallax and update background at Design Option tab https://monosnap.com/file/v5tUzb22mRD7Gr9XkQQgZrpegz7N5C#

You can adjust height of row by edit padding in design option tab https://monosnap.com/file/iUjlQR6LAWOP4yMOtBH247QB7VWYtF#

2. You need upload 3 images have same dimension (width and height) min width is 430px,

3. Impossible to change link because it auto generate from your product category

– You can change text in JanStudio > Theme Option > General Layout > Custom CSS

.product-category h3::before { content: “Shop now”;}

and change Shop now with your text

4. You can update theme to latest version to fix this problem, you can follow our document at http://support.janstudio.net/forums/topic/updating-the-theme/

Best regards

 

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