1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.1 Sidebar width?

Discussion in 'Styling and Customization Questions' started by cdub, Dec 10, 2013.

  1. cdub

    cdub Well-Known Member

    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?
  2. Amaury

    Amaury Well-Known Member

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

    .formPopup .textCtrl, .formPopup .button {
        width: 232px;
  3. Russ

    Russ Well-Known Member

    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. :D
    Amaury likes this.
  4. Amaury

    Amaury Well-Known Member

    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." :)
  5. cdub

    cdub Well-Known Member

    Where would you change this code?
  6. cdub

    cdub Well-Known Member

    Anyone? Bueller?
  7. Jeremy

    Jeremy Well-Known Member

    You can place extra CSS into EXTRA.css.
  8. cdub

    cdub Well-Known Member

    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/
  9. Russ

    Russ Well-Known Member

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

    html #QuickSearch {
    right: 45px;

Share This Page