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

XF 1.2 What's the property for this?

Discussion in 'Styling and Customization Questions' started by Izagar, Aug 2, 2013.

  1. Izagar

    Izagar Active Member

    I'm using this skin http://xenforo.com/community/resources/vb-3-x-fluid.2151/ for a new forum layout. But I just can't figure out what style property this uses:

    blah-fail.png

    That annoying white top is annoying. ._.;

    I did an inspect element and got this:

    Code:
    <fieldset id="QuickSearch">
            <form action="search/search" method="post" class="formPopup">
               
                <div class="primaryControls">
                    <!-- block: primaryControls -->
                    <input type="search" name="keywords" value="" class="textCtrl" placeholder="Search..." results="0" title="Enter your search and hit enter" id="QuickSearchQuery">               
                    <!-- end block: primaryControls -->
                </div>
               
                <div class="secondaryControls">
                    <div class="controlsWrapper">
                   
                        <!-- block: secondaryControls -->
                        <dl class="ctrlUnit">
                            <dt></dt>
                            <dd><ul>
                                <li><label><input type="checkbox" name="title_only" value="1" id="search_bar_title_only" class="AutoChecker" data-uncheck="#search_bar_thread"> Search titles only</label></li>
                            </ul></dd>
                        </dl>
                   
                        <dl class="ctrlUnit">
                            <dt><label for="searchBar_users">Posted by Member:</label></dt>
                            <dd>
                                <input type="text" name="users" value="" class="textCtrl AutoComplete" id="searchBar_users" autocomplete="off">
                                <p class="explain">Separate names with a comma.</p>
                            </dd>
                        </dl>
                   
                        <dl class="ctrlUnit">
                            <dt><label for="searchBar_date">Newer Than:</label></dt>
                            <dd><input type="text" data-orig-type="date" name="date" value="" class="textCtrl date" id="searchBar_date"></dd>
                        </dl>
                       
                       
                    </div>
                    <!-- end block: secondaryControls -->
                   
                    <dl class="ctrlUnit submitUnit">
                        <dt></dt>
                        <dd>
                            <input type="submit" value="Search" class="button primary Tooltip">
                            <div class="Popup" id="commonSearches">
                                <a rel="Menu" class="button NoPopupGadget Tooltip PopupControl" data-tipclass="flipped"><span class="arrowWidget"></span></a>
                               
                            </div>
                            <a href="search/" class="button moreOptions Tooltip">More...</a>
                        </dd>
                    </dl>
                   
                </div>
               
                <input type="hidden" name="_xfToken" value="1,1375465907,187e282b35f13b3edd87527efd9c3193854a9ee8">
            </form>       
        </fieldset>
    But I don't know the right property >_<

    Any help is appreciated... I'm a styling noob >_<
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Use #QuickSearch in EXTRA.css.
    For example:
    Code:
    #QuickSearch {
    background-color: red;
    }
     
    Izagar likes this.
  3. Izagar

    Izagar Active Member

    Oh. That's not in my theme...

    *adds to test*

    I may have more questions in a bit though.
     
  4. Izagar

    Izagar Active Member

    Okay, what about the preview box, since it appears all white to me? And the header where it says preview:

    blah-fail2.png

    Code:
    <div class="PreviewContainer" style="display: block;"><div class="section">
        <h3 class="subHeading">Preview</h3>
        <div class="messageText primaryContent baseHtml">sdas</div>
    </div></div>
    Sorry if I'm asking too much.
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Again you will need to use EXTRA.css using the PreviewContainer class.

    Not everything is covered in Style Properties.
     

Share This Page