Search Results for 'css'

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout >. Custom CSS

@media only screen and (max-width: 736px) {
.is-selected .swatch__tooltip {
	top: -30px;
	opacity: 1;
	visibility: visible;
}}

Kind regards

• This reply was modified 4 years, 11 months ago by Harry.

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

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs,
.jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {
	width: 0;
	max-width: 0;
	flex-basis: 0;
}
.jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}

Kind regards

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

[Harry]

Hi Shariq,

1. You can hide “Checkout” Button by add below code to Claue > Theme Option > General Layout > Custom CSS

.button.checkout.wc-forward {
	display: none;
}

2.Please go to Loco Translate > Theme > Claue > Create new language > Choose English-US find the text “View Cart” and translate to “Checkout”

Kind regards

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

[Harry]

Hi RomaPopovych,

1.You can change button color by add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-mini-cart .button, .widget_shopping_cart .button {
	background: #222;
	color: #fff;
}

and change #222, #fff with your color code

2. Please go to Loco > themes > claue > edit template > sync > save https://prnt.sc/vnaois
and after that back to translate.

Kind regards

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

[DonnaJacky]

Dear Harry,

How to make sure all our banners will be mobile proof, without adding a CSS code everytime?
With the Black Friday Sale coming up, we want to change the banner every day, but we have to make sure that the banners will also be mobile responsive. What do we need to do? Which settings or sizes?

[Harry]

Hi Eli,

These texts use letter-spacing option of CSS, please try for your site. The normal text can’t show like as you want https://prnt.sc/vlnzbe

Kind regards

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

[Harry]

You mean you want add letter spacing for text like on slider https://prnt.sc/vli33m

Please add below code to Claue > Theme Option > General Layout > custom CSS

body, .jas-menu > li > a, .f__pop, .jas-menu ul li a {letter-spacing: 5px !important;}

and change 5 with your number

Kind regards

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

[Harry]

Hi Donna,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

span.badge {
	display: none;
}

Kind regards

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

[Harry]

Hi Donna,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

span.badge {
	display: none;
}

Kind regards

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

[DonnaJacky]

Dear Harry,

Last time you helped me great with a CSS code to hide the double badges (we bought the Badges Management), but all the other badgets are still double, like the attachment. So we need to hide the badgets from the Claue theme, so the badges from the plugin will only be seen.