Search Results for 'css'

[Harry]

Yes,

You can put the code to claue-child > style.css

Regards

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

[Harry]

Hi,

1. I helped you translate the text “Apply Coupon” but the text “Proceed to checkout” it’s in another plugin. Please check in other plugin which have this and translate.

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

@media only screen and (min-width: 768px) {
.header__top .jas-col-md-4.start-md {text-align: left;}
}

Kind regards

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

[Harry]

Hi Rahim,

Please add extra class for the row contain banner http://take.ms/raBJX

Example “banner-wrapper”

and change css to

/* space between image and text in homepage */
.product-category, .jas-banner {
margin-bottom: 20px !important;
}
@media only screen and (max-width: 736px) {
.product-category, .jas-banner {
margin-bottom: 2px !important;
}
.banner-wrapper .vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}}

Regards

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

[Rahim]

Hi Harry,

I have added this code to my style.css :

/* placeholder */
::-webkit-input-placeholder {
text-align: right;
}
:-moz-placeholder { /* older Firefox*/
text-align: right;
}
::-moz-placeholder { /* Firefox 19+ */
text-align: right;
}
:-ms-input-placeholder {
text-align: right;
}

I just want to know is there any chance to override a placeholder of an element via a code?

As I am using the RTL Language so I need the right align for placeholders.

But I would like to center align the placeholder of the yith pop up.

Thank you.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I don’t know why on RTL layout place holder text don’t work with text-align: center CSS

Please try this code

input:focus::-webkit-input-placeholder { text-align: center !important; }
input:focus::-moz-placeholder { text-align: center !important;}
input:focus:-ms-input-placeholder { text-align: center !important;}

Regards

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

[Harry]

Hi,

Please add below code in JanStudio > Theme Option > General Layout > Custom CSS to fix issue

@media only screen and (max-width: 480px) {
.metaslider .slides img {
	width: 100% !important;
	display: block;
	height: auto !important;
}}

Kind regards

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

[Rahim]

Hi Harry,

The css code in my reply is what I have added to the style.css of the child-theme.

and no question about this.

I just wana know that can these code reduce the space between cart and scroll bar?

Did you clear the cache?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I check on my browser the position of cart still the same.

You should change css to

/* space between image and text in homepage */
.product-category, .jas-banner {
margin-bottom: 20px !important;
}
@media only screen and (max-width: 736px) {
.product-category, .jas-banner {
margin-bottom: 1px !important;
}
.home .vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}} 

.home .vc_col-sm-3 { float: none !important; display: inline-block; }

Kind regards

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

[Harry]

Hi Rahim,

Please change below css

.vc_col-sm-3 {
	float: right !important;
}

to

.vc_col-sm-3 {
	float: none !important;
	display: inline-block;
}

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

@media only screen and (max-width: 736px) {
.archive .first-sm.first-md {order: -1;}
}

Kind regards

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