Search Results for 'css'

[faheemahmed88]

Hi Harry

I’ve updated my theme to the latest version and it caused some issues regarding quick view. I’m writing here because a few days ago on my request you have provided a code to not showing “eye button” for quick shop on small devices and the whole image of the product works as quick shop button function. after updating the “quick shop” button has moved to the left corner on big screens and it has stopped working on small screens. When we click an image on small screen then it does not popup the quick shop window instead it goes directly to the product page. please do the needful.

Also I’ve added a code in the custom css style to border the product. I want this border only on big screens and only around the image and not around the whole product on category pages. If you can make the correction then it will be a great favour to me.

Thanks

faheem

[Harry]

I helped you fix the issue.

It because you lost close tag of css for shopping bag.

Best regards

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

[Harry]

Hi,

We use auto optimize https://wordpress.org/plugins/autoptimize/  to minify css,js and super cache https://wordpress.org/plugins/wp-super-cache/ for cache on site

We use Cloudflare for CDN and cache

Best regards

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

[Cairs_nic]

Thank you for the coding….I added it to the Custom CSS space and changed the color code but the changes didn’t apply.

[dherreraphotography]

Thanks for the fast response! I got my icons, but the CSS code for the top bar and social icons didn’t work. Nothing changed with the code.

[Harry]

Hi,

Thank you for choosing our theme and your kind words.

1. You can use font icon with class at http://fontawesome.io/cheatsheet/ follow this screen shot to add icon

http://take.ms/O6B3o

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

.jas-socials a {
height: 24px;
line-height: 22px;
margin: 0 3px;
width: 24px;
}
.header__top .jas-socials {
line-height: 36px;
}
.header__top { background: #3e3e3e;}

.jas-socials a.facebook:hover { color: #3B5998;}
.jas-socials a.instagram:hover { color: #3B5998;}

Change #3e3e3e and #3B5998 with your color

Best regards

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

[Harry]

Hi,

Sorry we miss this message from you. You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS to fix

.product-button {
position: inherit;
transform: translateY(0);
margin-top: 15px;
}

.product-image .product-button > * {
transform: scale(1);
opacity: 1;
}

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

[Harry]

Hi,

The extra content doesn’t support you add

and tag it only support normal html

You can use this plugin to add script code https://wordpress.org/plugins/insert-headers-and-footers/

and add css in Claue > Theme Option > General Layout > Custom CSS (without

tag

Best regards

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

[kk305]

This reply has been marked as private.

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {
.btn-quickview { text-indent: 0; font-size: 14px !important;}
}

2. Sorry the add to cart effect need more change. We are so busy can’t help you do it. You can hire some freelancer to help you do it https://studio.envato.com/

Best regards

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