Search Results for 'css'

[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

[Foster]

You see that because the image in the last slider is transparent background, You just need to add CSS code which I guided you in above reply, It will work

[Foster]

Hi there,

You just need to add this custom CSS in this element: z-index: 100, like this

 

[Harry]

1. You can follow our video at https://www.youtube.com/watch?v=cdkCSls-9s4

2. Don’t worry this permanlink will work well

3. To display Portfolio you need create separate  portfolio in Dashboard > Portfolio > Add New and assign to WGT category

4. Shop categories filter. it’s display 5 pictures because you limit number of images on this page. You can change number of image in Page > shop categories filter > Products short code and update number of image

5.1 You can change color by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.term-description { background: #f6f6f8;} and change f6f6f8 with your color code

You can switch off filter by remove all widget in Appearance > Wdigets > Woocommerce Top Sidebar or edit widget is this area

 

5.2 Did you modify our theme?

6. You can change background of tab by add custom css

.wc-single-2 .woocommerce-tabs, .wc-single-3 .woocommerce-tabs { background: #f1f1f1;} and change #f1f1f1 with your color

7.1 You can install plugin to duplicate page https://wordpress.org/plugins/duplicate-page/

http://take.ms/pAYaz

7.2 We don’t have document for these short code, because it have short code of other plugin

8. You can add Role Manager for Visual Composer follow screen shot https://monosnap.com/file/LdD3BWAD3uHTsj68Zp1Z54LWIjRTUA#

9. You have experience with css or you can hide some freelancer to help you do this

10. We will check and fix problem with header 3 layout on ipad

11. Can you try refresh browser, i checked on my computer screen (1920 x 1080) and saw masonry layout working normal

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

Best regards

 

 

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