Search Results for 'css'

[special]

have fixed most of the visibility problem with the following css for WCAG 2 AA in case someone needs it.But i am still facing problem with ARIA declaration.For validation i am using the link

https://wave.webaim.org/report#/https://rewearit.gr/product/%cf%86%ce%bf%cf%8d%cf%84%ce%b5%cf%81-diadora/

https://rewearit.gr/product-category/%ce%b1%ce%bd%ce%b4%cf%81%ce%b9%ce%ba%ce%ac-%cf%81%ce%bf%cf%8d%cf%87%ce%b1/

 

css code i have added for reference to other users just in case.All were setup with black colour in mind for visibility

.shop-top-sidebar .widget ul li.current-cat > a {
color: #000000;
}
.woocommerce-ordering select {
color: #000000;
}
.price {
color: #000000;
margin: 0;
}
.price_label{
color: #222;
}
.filter-content a, .filter-content .widget {
color: #000000;
}
.result-count-order a {
color: #000000;
}

[Harry]

Hi,

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

.product-info.mt__15 {
	font-family: Poppins;
}

and change Poppin with your font

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

.pw_brand_product_list a {
	text-transform: uppercase;
	font-weight: bold;
}

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

#jas-footer .widget-title {
	color: #fff;
}
.entry-summary .single_add_to_cart_button, .entry-summary .external_single_add_to_cart_button {
	border-radius: 50px;
}

and change #fff with your color

3. It defend on browser, can you take a screenshot describe more about this issue

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

.product-info.mt__15 {
	text-align: center;
}

Kind regards

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

[Harry]

Hi,

Thank you for choose our theme

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

@media only screen and (min-width: 1025px) {
.wc-single-2 .jas-col-md-6.jas-col-sm-6.jas-col-xs-12.pr.pr__0 {
	-ms-flex-preferred-size: 66.666%;
	-webkit-flex-basis: 66.666%;
	flex-basis: 66.666%;
	max-width: 66.666%;
}
.wc-single-2 .jas-col-md-6.jas-col-sm-6.jas-col-xs-12 {
	-ms-flex-preferred-size: 33.333%;
	-webkit-flex-basis: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%;
}}

and go to Claue > Theme Option > WooCommerce > Product Details Settings > Enable Full Width > On

2. Yes, you need upload your image taller and go to Appearance > Customize > WooCommerce > Product Image and change ratio https://tppr.me/IHFAL

3. Thank you for your idea, we will check and do it if possible

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

.product-image a.db::before {
	display: none;
}

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

@media only screen and (min-width: 1025px) {
.archive .jas-col-md-9.jas-col-sm-9.jas-col-xs-12.pr {
	-ms-flex-preferred-size: 83.333%;
	-webkit-flex-basis: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%;
}
.archive .sidebar.pr.jas-col-md-3.jas-col-sm-3.jas-col-xs-12.mt__30.first-md.first-sm {
	-ms-flex-preferred-size: 16.666%;
	-webkit-flex-basis: 16.666%;
	flex-basis: 16.666%;
	max-width: 16.666%;
}}

6. I’m sorry, because it related to filter action, if you not click on close button when you click on on any attribute to filter the filter bar will disappear

7. If you use builder plugin you have to change setting in builder.

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 custom css

.result-count-order {
	display: none;
}

And please renew your support.

Kind regards

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

[manzocosmo]

I tried to insert in custom css but it doesn’t work!

Thanks for the reply

Verified Damsels

[Harry]

Hi Manzo,

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

.fs__50.tu.fwb {color: #fff;}

Kind regards

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

[manzocosmo]

Hi, how can I change color to this text?

the css class code is: class = “fs__50 tu fwb”

there is the same class with the same color as the css class: class = “fs__50 tu fwb”?

thanks

Attachments:

You must be logged in to view attached files.

Verified Damsels