Search Results for 'css'

[Harry]

Hi Minh Hoàng,

1. I check your site it now run outdated version 1.3.2, please update to latest version 1.6.2 to fix issue.

2. You can change color of Add to cart by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .single_add_to_cart_button { background: #b59677 !important;}

and change #b59677 with your color.

Best regards

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

[Cairs_nic]

Hi,

I viewed my site on a PC and the left indent of the three products looks even worse then it does on my MAC…I really need to figure out how to center them more. I’ve attached a screen shot of the view on a PC. Is there some sort of custom CSS that could fix this issue? Thanks.

 

[Adele]

Hi Harry,

 

Thanks for that.

 

1. How do I get the meta slider images to reduce in size on mobile images? On my mobile the images are not centered or cropped, whereas tablet they are
2. How would you suggest to adjust font size on the page rather than inline CSS – I see it affects the responsive design but I’m trying to use all my H tags on the pages and sometimes this means changing the font size on a page so it doesn’t look messy.
3. No problem, I have adjusted it and will amend the borders

Thanks

Adele

[MSehdev]

Hi Harry,

I do not agree with your above statement. You are the developer of this theme, so you can prioritize your theme’s  CSS in the custom CSS, if such a need arises. Your theme also has an image swatch option, see below:

This gives me reason to believe that your theme might be automatically switching over from color swatches  to image swatches as soon as AliDropship plugin is activated, thus messing up everything.

In any case, you have to find a solution to this problem because this issue is messing up the entire look of the theme and unduly delaying my entire project.

Regards

 

[Harry]

Hi,

2,  Please add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.shop-top-sidebar .product-categories {
margin-left: 10px;
}}

3.  On ipad it still display 3 columns on a row so these categories image small, when you view on iphone it change to 1 column so the image will auto resize to fit column

4. You can reduce size of image by add custom css

@media only screen and (max-width: 736px) {
.sub-categories .jas-col-xs-12 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}

.product-category h2, .jas-banner h3 {
font-size: 12px;
min-width: 100px;
}

}

Best regards

 

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

[Harry]

Hi MSehdev,

The Color and Size Swatches of plugin AliDropship override HTML code and CSS style of our theme and plugin Variation Swatch. When you enable this plugin the product detail layout will load HTML and CSS of plugin not load HTML/CSS from our theme or plugin Variation Swatch so we said this because style of plugin AliDropship. You can switch to default theme “StoreFront” or “Twenty Seventeen” to check. We also make style of Color and Size Swatches of plugin AliDropship display better with our theme.

 

We not blame with plugin. They still use table for their HTML code. They have to improve their code or make something better for us can override their plugin style.

Best regards

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

[Harry]

Hi,

1. Please add custom css

@media only screen and (max-width: 480px) {
.metaslider .slides img { width: 100% important;}
.metaslider .flex-control-nav {display: none;}
.mc4wp-form-fields {text-align: center;}
}

2. I mean you use inline css for the text on homepage and text on FAQs page

3. For badge on footer, it can’t change like your design because can’t change the DOM of HTML. If you want like design you have to move the big orange badge to the left on desktop.

Best regards

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

[Foster]

Hi,

Please add the custom CSS code below

@media only screen and (max-width: 736px) { .jas-wc-single > .jas-container { padding: 0; } }

Cheers,
Foster

[Adele]

This reply has been marked as private.

[Harry]

Hi Mas,

Thank you for your kind words.

1. You can fix by upload images for gallery color http://take.ms/8QvGr

2. You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 414px) {
.single-product .jas-container {
padding: 0;
}
.single_add_to_cart_button {
padding: 0 10px;
font-size: 13px;
}
}
@media only screen and (max-width: 414px) {
.single_add_to_cart_button {
padding: 0 10px;
font-size: 11px;
}
}

Best regards

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