Search Results for 'css'

[Harry]

Hi,

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

.badge span {
background: #fe9931;
}
.badge .new {
background: #56cfe1;
}

and change #fe9931 #56cfe1 with your color

Best regards

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

[Foster]

Hi,

Please use the CSS code below

 

.jas-mini-cart .quantity { font-size: 20px; } /*font size for normal price*/
.jas-mini-cart .woocommerce-Price-amount.amount { font-size: 20px; } /*font size for subtotal price*/

Cheers,
Foster

[wesselvincent]

Hey Harry,

Thanks for your response! It works really well. Still i’ve got the question if it’s possible to change the capital letters in the menu to normal ones.. Is there some solutions for it?

Beside that i’ve got an last request: Is it possible to delete the whitespace around the logo in de headermenu and let them line out with the content underneath. I’ve designed the way which it’s has to be, and a printscreen of the situation right now. I’ve tried a lot of CSS to fix it, but i’ve still not managed it..

Greetings Wessel

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can add custom css code

.woocommerce-checkout #jas-header, .woocommerce-checkout #jas-footer { display: none;}

Regards

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

[Harry]

Hi,

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

.cart__popup-action .checkout-button { background: #dd3333;}

2. The text in under products for product variation correct is “Add to cart” we will improve in next version.

Best regards

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

[capellaink]

Hi,

I’d like to remove Main Menu, the top header and all footers on the Checkout page only. What’s the custom css for this?

Thank you so much!

[Harry]

Hi,

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

.product_meta span.sku_wrapper { display: none;}
.jas-wc-single .jas-row.middle-xs { -moz-box-align: inherit; align-items: inherit;}
form .quantity.hidden {display: none !important;}
form .quantity.hidden + .single_add_to_cart_button { margin-left: 0;}

Best regards

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

[Harry]

Hi,

You only need add custom css in Claue > Theme Option > General Layout > Custom CSS

.pe-7s-shopbag::before { content: "\e66e";}

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 in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li:not(:first-child) {
margin-left: 0 !important;
}
.jas-menu > li:not(:first-child) > a {
border-left: 1px solid #999;
margin-left: 20px;
padding-left: 20px;
}

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

.jas-social {text-align: left;}
.jas-social a:first-child { margin-left: 0;}
.jas-social a.google-plus, .jas-social a.pinterest, .jas-social a.tumblr { display: none;}

It’s now Instagram still doesn’t support share, you only upload direct on Instagram.

Besst regards

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