XF 1.1 Sidebar width?

[cdub]

I see where I can increase the sidebar width - I tried changing it to 300 from 250 - but now the search bar in the top right doesn't line up anymore.

How do I make the search input field wider?

 

[Amaury]

Give this a try. Increase the width to fit your needs.

.formPopup .textCtrl, .formPopup .button {
    width: 232px;
}

 

[Russ]

Give this a try. Increase the width to fit your needs.

.formPopup .textCtrl, .formPopup .button {
    width: 232px;
}

While it's nice your attempting to help people you should be cautious in the advice you give, I've noticed some of your fixes are completely global meaning it'll effect a lot more places than the user asking for, therefore they'll probably just return because it broke something else.

 

[Amaury]

While it's nice your attempting to help people you should be cautious in the advice you give, I've noticed some of your fixes are completely global meaning it'll effect a lot more places than the user asking for, therefore they'll probably just return because it broke something else.

Yeah, I just got this from inspecting the element of the search bar. It's also why I said, "Give this a try" and not just, "Use this."

 

[cdub]

Where would you change this code?

 

[cdub]

Anyone? Bueller?

 

[Jeremy]

You can place extra CSS into EXTRA.css.

 

[cdub]

That just made the text input bigger and not the elements around it. All is well though... I've decided the sidebar looks fine at 300 without increasing the size of the search.

See http://www.studentfilms.com/

 

[Russ]

That just made the text input bigger and not the elements around it. All is well though... I've decided the sidebar looks fine at 300 without increasing the size of the search.

See http://www.studentfilms.com/

If you wanted to center it a little throw this in extra:

html #QuickSearch {
right: 45px;
}