This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Cannot change input width beyond 98px

This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by Ernest Marcinko.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 11, 2015 at 4:39 pm #4185

philipfarmer
Participant

Hi there,

Im in the process of customising the search field input and id like the width to be flexible – 100%, but it appears to always append some inline width of 98px, which i can’t seem to remove. can you help?

you can find the site here:http://www.humancities.eu/hc2015
then click the search icon to open the search popup

look forward to your reply

Philip

March 11, 2015 at 4:46 pm #4187

Ernest Marcinko
Keymaster

Hi!

Of course. In some cases if the search bar is placed to appear on a javascript event (like in your case) the width is not triggered to calculate correctly.

The best and simplest fix is to force a min-width CSS attribute for the input fields:

[code]
.proinput input {
min-width: 350px;
}
[/code]

You can add this code to the Custom CSS field, which you can find on the Theme Options->Custom CSS panel on the search options page.

March 11, 2015 at 4:57 pm #4190

philipfarmer
Participant

This is great! works perfect.

I also see that this is the best place to add css as its reset my customised css from the css file. Is this correct?

March 11, 2015 at 5:01 pm #4191

Ernest Marcinko
Keymaster

Yes, but it’s actually outputted into the header as inline CSS, since it’s only a few lines. It’s the best place to put custom CSS, because the changes are visible immediately and it’s stored in the database so the future updates will not delete it.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.