- This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago by
.
-
Posts
-
1) I would like to vertically center the text in my vertical search results. Since I have a picture with only one line of text it would look nicer. Is there a CSS class or option anywhere to vertically center the text in search results?
To view my search: https://www.fieldslre.com/brokers/
2) I didn’t see an option to change the placeholder text for the search input field. I had to edit the css manually
div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder {
color: #686868;
font-weight: 300;
}Did I miss an option somewhere or is this the best way.
Hi!
1. In this case, I believe this is probably the best custom CSS to do it:
[html].asp_content h3 {
display: block !important;
margin-top: 23px !important;
}[/html]2. You mean changing the placeholder styling? It is inherited from the input styling (as set under the Theme Options -> Typography panel), but that custom CSS looks fine as well. Make sure to add the other browser alternatives as well:
[html]div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder {
color: #686868;
font-weight: 300;
}div.asp_m.asp_m_1 .probox .proinput input.orig:focus:-ms-input-placeholder {
color: #686868;
font-weight: 300;
}[/html]Hi Ernest:
Thank you for your prompt reply. The vertical text helped as the text looks more centered. You may want to consider making an option to center the text in a future release.
As for the placeholder text I had to go back to the original code I sent:
div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder {
color: #686868;
font-weight: 300;
}
I tried your code and the font was darker like the regular input style so I went with the original code I sent.I would highly recommend having a placeholder color option in your theme set up. In fact I am surprised that you don’t already because you gave so many style options to begin with. Every input box that I have seen on the internet has a lighter placeholder text then the one when typing.
Thanks!
-Steve
Hi Steve,
I will definitely consider adding an option to style the placeholder separately. It simply never been requested so far 🙂
What I meant with that custom CSS, is to use it with the one you already have, because that is constructed for mozilla type browsers only. The trhee rules together will cover all possible browser types:
[html]div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder {
color: #686868;
font-weight: 300;
}div.asp_m.asp_m_1 .probox .proinput input.orig:focus:-ms-input-placeholder {
color: #686868;
font-weight: 300;
}div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder {
color: #686868;
font-weight: 300;
}[/html]
- You must be logged in to reply to this topic.