Search Results for 'css'

[mirotck]

Hello

 

how can i change the text “Shop now” in product categories to my language?

when i change the text “shop now” with the code:

.product-category h3:before { content:’Shop now’} in custom css general layout nothing changes .. any recommendations?

[sebasti76]

This reply has been marked as private.

[Harry]

Hi,

1. You can add default grey background for all of your product by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.product-image.pr, .single-product-thumbnail .p-item,  .p-nav img { background: #d2d2d2; }

Change #d2d2d2 with your color

2. I saw your product images are square, i help you  changed config of images dimension in WooCommerce > Settings > Product > Display > Product Image

I changed to square and regenerate thumbnail at Tools > Regenerate.

3. You can change button to yellow with border white and color on slider by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

a.button-o-w { background: #dd8500;}

.metaslider .flexslider .caption-wrap h2, .metaslider .flexslider .caption-wrap h3, .metaslider .flexslider .caption-wrap h4 {color: #000;}

.flex-prev::before, .flex-next::before { color: #000;}

Best regards

 

 

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

[Harry]

Thank you for report.

I checked i saw the issue only on Safari,

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

@media only screen and (min-width: 62em) {

.pe-7s-close.hide-md { display: none; }

}

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

[Harry]

Sorry for late reply.

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

.woocommerce form .form-row-last#billing_email_field { float: left;}

2. You can follow this article http://wpbeaches.com/remove-password-strength-rules-woocommerce/

Best regards

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

[Harry]

Hi,

1. It because you add products visual composer element on Look page, i removed it

2. You can change description and bundle title for separate product by follow this screen shot https://monosnap.com/file/xgsfZhKSYjdQzcDFXMiqscEA9Xgh8V#

3. You can add custom css

.preloader .progress .indeterminate {
background: #3596a5;
}

Change 3596a5 with your color

4. It because your product is variable product ( your variation don’t have same price and same discount)

5. You forget enable swatch style for size.

Best regards

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

[Harry]

Hi Faizan,

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

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

.header-2 #jas-left-menu > li:last-child { margin-right: 0; }

.header-2 #jas-right-menu > li:first-child { margin-left: 0; }

.jas-menu > li:not(:first-child) { margin-left: 35px; }

}

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

.jas-menu > li:not(:first-child) { margin-left: 20px; }

}

Did you check your site on real device or resize browser?

2. The size and font-size still keep, we didn’t change.

3. You can change 4 rows on search page by set product per page in JanStudio > Theme Option > WooCommerce > Product Listing Setting > Product per page = 16

4. The lightbox on product page in new version bigger than exist, it full screen by default of WooCommerce

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

 

 

 

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

[Harry]

Thank for your kind words.

Sorry for late reply.

You can reduce space between categories by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-sc-wc-categories [class*=”jas-col-“] { padding-left: 0; padding-right: 0; margin-bottom: 0;}

Hope you love our theme and consider give us good review at https://themeforest.net/downloads. We really appreciate.

Thanks & best regards.

• This reply was modified 8 years, 9 months ago by Harry.

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

[Harry]

Hi Gleilson,

Thank you for purchase!

1. If you want make a fill button it will apply the background for both button. You can add custom css in Claue > Theme Option > General Layout > Custom CSS

.jas-promotion a.button { background: #ff0074 none repeat scroll 0 0; border-color: #ff0074; color: #fff; font-size: 14px; }

2. You can remove social link on menu by go to Claue > Theme Option > Social Network > Remove All

3. You can change color of widget title on footer by add custom css Claue > Theme Option > General Layout > Custom CSS

.footer__top h3.widget-title { color: #fff;}

change #fff as you want

4. You can change pre-loader color by add custom css

.preloader .progress { background: #56cfe1;}

change #fff as you want

5. You can remove it by go to WooCommerce > Settings > Products > Display > Shop page display > Select show only products

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

Best regards

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

[mirotck]

thank you for the fast reply.

I added your code to the custom css and saved the changes but still the same issue with the footer. any other idea?

Attachments:

You must be logged in to view attached files.