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

What have I done to my quick search?

Discussion in 'Styling and Customization Questions' started by Mouth, Mar 28, 2013.

  1. Mouth

    Mouth Well-Known Member

    Cannot remember what I've done to get myself to this :(

    Can someone please point me in the direction of the CSS or template change I've done to cause this, and thus how to recify? Thanks :)

    SearchStyle.png
     
  2. Shelley

    Shelley Well-Known Member

    did you add any left margin to the following?

    Code:
    .formPopup .controlsWrapper .textCtrl
    or

    Code:
    .formPopup .textCtrl, .formPopup .button
     
    Mouth likes this.
  3. Mouth

    Mouth Well-Known Member

    Thanks :)
    I reverted xenforo_popup.css which has fixed much of the problem, except my quick search dialogue box is wider than space allows. I had a fiddle with some of teh settings inside xenforo_popup.css but just couldn't figure it out with my little knowledge/experience. Do you have a suggestion on change the box width to fit correctly?
     
  4. Shelley

    Shelley Well-Known Member

    did you somehow alter the width? I'm just guessing you have and it may be the cause of the issue

    Code:
    .formPopup {
        width: 250px;
    }
     
  5. Mouth

    Mouth Well-Known Member

    Thanks, and yes that is what I have. If I modify that (eg. 180px) then it reduces in size, but also moves to the right outside the sub-menu area in red. This is what I currently have ...
    Code:
    /* form popups */
     
    .formPopup
    {
        width: 250px;
       
    }
     
        .formPopup form,
        .formPopup .ctrlUnit
        {
            margin: 5px auto;
        }
       
            .formPopup .ctrlUnit
            {
            }
           
        .formPopup .textCtrl,
        .formPopup .button
        {
            width: 180px;
        }
           
        .formPopup .ctrlUnit dt label
        {
            display: block;
            margin-bottom: 2px;
        }
           
        .formPopup .submitUnit dd
        {
            text-align: center;
        }
     

Share This Page