Home › Forums › Themes Support › Claue › Pop up Help
- This topic has 9 replies, 2 voices, and was last updated 6 years, 3 months ago by Rahim.
-
AuthorPosts
-
-
September 19, 2018 at 3:32 pm #24841
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 -
September 19, 2018 at 4:33 pm #24842
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 -
September 19, 2018 at 4:41 pm #24845
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 -
September 19, 2018 at 6:07 pm #24846
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 -
September 19, 2018 at 9:14 pm #24848
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 -
September 19, 2018 at 10:14 pm #24853
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 -
September 19, 2018 at 10:34 pm #24856
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 -
September 19, 2018 at 10:34 pm #24857
https://look.ir/wp-admin/post.php?post=4280&action=edit
Rahim Vaziri
CEO & Founder at Look.ir -
September 19, 2018 at 11:38 pm #24860
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 -
September 20, 2018 at 4:01 am #24864
Hi Harry,
Great.
All of it is fine.
Regards.
Rahim Vaziri
CEO & Founder at Look.ir
-
-
AuthorPosts
You must be logged in to reply to this topic.