Search Results for 'css'

[gnikolaev11]

Please look at all of the custom css codes and see if there is any unnecessary as we did a lot of edits and some may have left.Thanks

[Harry]

1,2. Please add below code to Custom CSS

.home .header__bot .jas-navigation {
border-top: none;
}

@media only screen and (max-width: 1024px) {
.home #jas-content { margin-top: -101px;}
}

3. I fixed on your site.

Regards

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

[Harry]

Hi,

1. Please edit the row wrap image and check in full width row https://prnt.sc/p29tk0

2. Please edit column that contain fabric, pattern and haberdashery and add margin bottom https://prnt.sc/p29uhe

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

.product-image img {
	width: 300px;
	height: 300px;
}

Kind regards

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

[Harry]

Hi,

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

.header__bot.hidden-sm {
	background: #fff;
}
.tab-heading.cd {
	color: #fff !important;
}

3. Please add below code

.wc-col-switch a:hover,
.wc-col-switch a.active {
	border-color: #222;
}
.wc-col-switch a:hover:before,
.wc-col-switch a.active:before {
	background: #222;
}
.wc-col-switch a.one:hover:before,
.wc-col-switch a.one.active:before {
	background: #222;
}
.wc-col-switch a.two:hover:before,
.wc-col-switch a.two.active:before {
	box-shadow: 13px 0 0 #222, 13px 0 0 #222;
}
.wc-col-switch a.three:hover:before,
.wc-col-switch a.three.active:before {
	box-shadow: 13px 0 0 #222, 26px 0 0 #222;
}
.wc-col-switch a.four:hover:before,
.wc-col-switch a.four.active:before {
	box-shadow: 13px 0 0 #222, 26px 0 0 #222, 39px 0 0 #222;
}
.wc-col-switch a.six:hover:before,
.wc-col-switch a.six.active:before {
	box-shadow: 13px 0 0 #222, 26px 0 0 #222, 39px 0 0 #222, 52px 0 0 #222, 65px 0 0 #222;
}

and change #222 as your color

4. i’m sorry it have equal space between Filter icon and sortby box.

5. Please add code

.woocommerce-ordering select {
	color: #222;
}

6. On my screen it only like this https://prnt.sc/p1zq4w, and please check with plugin author about this.

Kind regards

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

.inside-thumb {
	background: url("http://janstudio.net/claue/demo/wp-content/uploads/2016/10/shop-category.jpg") no-repeat center center;
	background-size: cover;
}

and change http://janstudio.net/claue/demo/wp-content/uploads/2016/10/shop-category.jpg with your image path.

Kind regards

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 to control the level of darkness.

.background-overlay::after {
	background: rgba(0,0,0,0.5);
}

and change value 0.5 between 0.0 to 1.0

Kind regards

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

[Harry]

Hi,

1. Please add more code in Claue > Theme Option > General Layout > Custom CSS

.woocommerce-currency-switcher-form {
	padding-right: 15px;
}

2. The CSS code generate by plugin WP Responsive Table you add for table in product detail https://prnt.sc/p1n6rj. You can use suggest code to override CSS generate by plugin.

Kind regards

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

[netmined]

Hi Harry,

Thank you for your reply and the snippets.

The currency switcher css snippet hasn’t quite worked. The whole top bar still looks different and much wider than before and there is a box around the switcher unlike the Claue switcher. Also the currency symbols look different and weird now (we have switched them off for the moment). Here is how it is now  http://prnt.sc/p1joxk . Can we adjust this in some way to make it like the Claue one? See here http://prnt.sc/p1jpgh

 

Regarding no 2 – the colours in the cart. We’ve checked all the possible places in the Claue custom css box and the child theme css and we have not entered that snippet that you wrote so we do not have anywhere to change it. Is it possible that this option to colour the cart was selected accidentally somewhere in the Claue theme options?

[Harry]

Hi Florian,

Please add !important after all css value.

Kind regards

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

[Harry]

Please add code in Claue > Theme Option > General Layout > Custom CSS

Kind regards

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