Pop up Help

[Rahim]

Hi Harry,

I would like to center align the placeholder of the yith pop up. http://take.ms/Yrwdg

How can I do this?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

.ypop-form-newsletter-wrapper .newsletter_form_name input, 
.ypop-form-newsletter-wrapper .newsletter_form_email input {
	text-align: center;
}

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 before.

But as my placeholders on all places in the site hav right text align, I would like to center align the placeholder of this 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

[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,

Please try

.ypop-form-newsletter-wrapper .newsletter_form_email input:-webkit-input-placeholder { text-align: center !important; }
.ypop-form-newsletter-wrapper .newsletter_form_email input:-moz-placeholder { text-align: center !important; }
.ypop-form-newsletter-wrapper .newsletter_form_email input:-ms-input-placeholder { text-align: center !important; }

Kind regards

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

[Rahim]

Hi Harry,

I added this code to the customization tab of the pop up in the plugin settings like my others customization which are working fine, but this code didn’t work.

Thank you.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

https://look.ir/wp-admin/post.php?post=4280&action=edit

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Sorry, please change code to

.ypop-form-newsletter-wrapper .newsletter_form_email input::-webkit-input-placeholder { text-align: center !important; }
.ypop-form-newsletter-wrapper .newsletter_form_email input::-moz-placeholder { text-align: center !important; }
.ypop-form-newsletter-wrapper .newsletter_form_email input:-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

[Rahim]

Hi Harry,

Great.

All of it is fine.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts