Search Results for 'css'

[Harry]

Hi Marjolein,

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

.btn-quickview,
.product-inner .product-image .product-btn .button,
.product-inner .product-image .added_to_cart {
background: none;
border: 1px solid #222;
line-height: 40px;
margin: 10px 0;
}

You can change text in button by use Loco Translate plugin http://support.janstudio.net/forums/topic/theme-translation/ when create new language choose English-Us

Cheer,
Harry

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

[Harry]

Hi,

This because stripe css on new iOS it auto detect Apple Pay.

You can add some css to fix

@supports (-webkit-appearance: -apple-pay-button) {
@media only screen and (max-width: 767px) {
.single-product div.product .stripe-enabled form.cart .quantity {
width: 100%;
}
.single-product div.product .stripe-enabled form.cart .quantity ~ .button,
.single-product div.product .stripe-enabled form.cart .quantity + .button {
width: calc(100% – 95px);
margin: 10px 0 0 15px;
}

}

Best regards

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

[michylee]

Thanks again.

But… i’ve put your advice in Custom CSS Style (in Theme Options) but… the logo still remain 150px x 41.5.

Argh, i don’t understand why, sorry!

[Foster]

Hi,

It is the size of the Retina screen, you can use the CSS code below to adjust it

 
.retina-logo img { width: 200px; }

Cheers,
Foster

[Foster]

Hi,
I saw you added some custom CSS code to customize this button, So for this case please provide me a temporary admin account, I will adjust for you.

Cheers,
Foster

[Harry]

Hi,

I checked your site and saw the css of plugin YITH WooCommerce Color and Label Variations Premium, it override style of theme and hide add to cart button.

https://monosnap.com/file/6CrPogmj5mZnzLQF94fsugCin2RU0k#

Best regards

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

[Harry]

Hi,

You can add custom css

.product-countdown .product-image a.db img { width: 100%;}

and set your product height equal to banner height.

Best regards

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

[ccastanedag]

Thanks @Harry for the quick answer, it works like a charm but another minor issue appear on front page (see attachment)

Because all product images were scaled, the image of the “Featured Product with Timer” appear small too. I know that Visual Composer have a “Extra Class Name” field, but Im not proficient with CSS. Could you tell me which custom code can I add in order to rescale only that part to fit well in the front page?

Thanks very much Harry

Carlos

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Caroline,

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

.product_title.entry-title {color: #1e73be !important;}

Best regards

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

[Harry]

Hi Michal,

I help you fix white space on header

1,2,3 you can use thi custom css

.header__top {background-color: #f6f6f8;}

.header-text { font-family: “Source Sans Pro”; font-size: 15px; color: #000;}

Please change these to your.

Best regards

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