Results 1 to 2 of 2

Thread: Move search button next to drop down menu.. And increase height of search block

  1. #1
    Thread Starter
    Member silfwerpihl's Avatar
    Join Date
    Dec 2011
    Location
    Sweden
    Posts
    51
    Thanks
    8
    Thanked 2 Times in 1 Post

    Move search button next to drop down menu.. And increase height of search block

    1. IŽd like to move to search button, see image.1.PNG2. IŽd also like to change the height of the entire block and put some static text in it. In what ".php" do i fix these things?This is from styles.css and i think maybe i have to change something here, right?
    Code:
    /* search bar */#search-bar{margin:0 auto;position:relative;top:0px;width:440px;}.searchblock_out{border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;border-bottom:1px solid #BBBBBB;margin:0 0 10px;-moz-border-radius:0 0 6px 6px;-khtml-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}.searchblock {background:url("http://forums.appthemes.com/images/block_topbg.gif") repeat-x scroll center top #FFFFFF;border-left:1px solid #FFFFFF;    border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;padding:15px;min-height:40px;-moz-border-radius:0 0 6px 6px;-khtml-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}.top-search-advanced{border-top:1px dotted #BBBBBB;margin:0 1px;}.top-search-advanced-content{padding:10px;}.form_search input#s{}.form_search .search{padding:2px; width:75px}.form_search input#s:focus{border:1px solid #CCC; background-color:#F9F9F9}.form_search select#cat.searchbar{float:right; border:1px solid #BBB; min-height:15px; min-width:250px; padding:7px;font-size:17px;color:#666666;-khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; line-height: 33px;}select#cat.searchbar option.level-0 {padding:0px; font-weight:normal;}.searchblock .form_search input#s{ height:18px; border:1px solid #BBB; font-size:14px;color:#666666; padding:0.6em; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #FFF;}.searchblock .form_search input#s:focus{background-color:#FFFFFF;border:1px solid #999999;}.searchblock .form_search input#where{width:165px;margin-bottom:7px; border:1px solid #BBB; color:#4F4F4F; padding:11px; background: url("http://forums.appthemes.com/images/editbox_bg.gif") repeat-x scroll center top #FFFFFF;-khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}#searchform .searchfield {float:left;margin-right:5px;white-space: nowrap;}#searchform .searchbutcat {float:right;}.searchblock select#cat.postform{margin-bottom:7px; border:1px solid #BBB; min-height:15px; width:155px; padding:11px;background: url("http://forums.appthemes.com/images/editbox_bg.gif") repeat-x scroll center top;}.searchblock select#where.postform{margin-bottom:7px; border:1px solid #BBB; min-height:15px; width:120px; padding:5px;}.searchblock button.btn{margin:0;}.form_search input#s{padding:10px 7px; margin-bottom:7px; border:1px solid #BBB; color:#4F4F4F; font-size: 14px; color:#666; width:94.5%; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}.form_search .search{padding:2px; width:75px}.form_search input#s:focus{border:1px solid #CCC; background-color:#F9F9F9}.form_search select#cat.postform{margin-bottom:7px; border:1px solid #BBB; min-height:15px; width:307px; padding:7px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}/* search bar button styles */.btn-topsearch {float:right; width:76px; padding: 0; margin:0px 0 0px 10px;font-size: 11px; text-align: center; height:35px;outline: none;display: inline-block;cursor:pointer;text-decoration:none;text-indent:-9999px;border:none;background: transparent url("http://forums.appthemes.com/images/btn_searchBar.png") no-repeat right top;-khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:1px 0 1px 10px\9;}.btn-topsearch:hover{ background-position: bottom;} /* extra class used for IE */.btn-topsearch:focus { }  /* extra class used for IE */.btn-advanced-srch {display: inline-block;width:85px;outline: none;cursor:pointer;padding: 0 0px 0 0; margin-left:5px; margin-top:3px;font-size: 10px; line-height:14px;color:#aaa;    text-align: center; height:16px;text-decoration:none;border:none;position:absolute;    bottom:-13px;right:8px;    background: transparent url("http://forums.appthemes.com/images/btn_advSrch.png") no-repeat right top;}.btn-advanced-srch span{padding: 0 0px 0 0;    margin-left:12px;}.btn-advanced-srch:hover{ color:#707070; background-position: bottom;} /* extra class used for IE browsers */.btn-advanced-srch:focus { } /* extra class used for IE browsers */

    This is also interesting from styles.css

    /* search drop-down values */
    Code:
    /* search drop-down values */
    select option {}
    option.level-0{padding:0 3px;}
    option.level-1,option.level-2,option.level-3,
    option.level-4,option.level-5,option.level-6,
    option.level-7{}
    .selectBox-dropdown{ height: 34px; min-width:200px; max-width: 750px; position:relative; border:solid 1px #BBB; line-height:1; text-decoration:none; font-weight:bold; color:#CB4F03; outline:none; vertical-align:middle; background:#FFF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:inline-block; cursor:default; margin-top: 1px\9; height: 33px\9;}
    .content_right .selectBox-dropdown {width:200px;}
    .content_right a.selectBox-dropdown:hover {text-decoration:none;}
    .selectBox-dropdown:focus,
    .selectBox-dropdown:focus .selectBox-arrow{border-color:#BBB}
    .selectBox-dropdown.selectBox-menuShowing{-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0}
    .selectBox-dropdown .selectBox-label{width:100%; padding:0 .7em; line-height:2.4em; display:inline-block; white-space:nowrap; overflow:hidden; font-size:14px}
    .selectBox-dropdown .selectBox-arrow{position:absolute; top:0; right:0; width:23px; height:100%; background:url(images/sb-arrow.png) 50% center no-repeat; border-left:solid 1px #BBB}
    .selectBox-dropdown-menu{position:absolute; z-index:99999; max-height:200px; border:solid 1px #BBB; background:#FFF; -moz-box-shadow:0 2px 6px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 6px rgba(0,0,0,.2); box-shadow:0 2px 6px rgba(0,0,0,.2); overflow:auto}
    .selectBox-inline{width:200px; outline:none; border:solid 1px #BBB; background:#FFF; display:inline-block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:auto}
    .selectBox-inline:focus{border-color:#666}
    .selectBox-options,
    .selectBox-options li,
    .selectBox-options li a{list-style:none; display:block; cursor:default; padding:0; margin:0}
    .selectBox-options li a{color:#666; padding:1px .7em; white-space:nowrap; overflow:hidden; background:6px center no-repeat; text-decoration:none; font:14px/1.5em Arial,Helvetica,sans-serif}
    .selectBox-options li.selectBox-hover a{background-color:#EEE}
    .selectBox-options li.selectBox-disabled a{color:#888; background-color:transparent}
    .selectBox-options .selectBox-optgroup{color:#666; background:#EEE; font-weight:bold; line-height:1.5; padding:0 .3em; white-space:nowrap}
    .selectBox.selectBox-disabled{color:#888 !important}
    .selectBox-dropdown.selectBox-disabled .selectBox-arrow{opacity:.5; filter:alpha(opacity=50); border-color:#666}
    .selectBox-inline.selectBox-disabled{color:#888 !important}
    .selectBox-inline.selectBox-disabled .selectBox-options a{background-color:transparent !important}

  2. #2
    Thread Starter
    Member silfwerpihl's Avatar
    Join Date
    Dec 2011
    Location
    Sweden
    Posts
    51
    Thanks
    8
    Thanked 2 Times in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Replacing Keyword Search with Job Category Drop-Down Menu
    By islajobs in forum JobRoller General Discussion
    Replies: 6
    Last Post: March 22nd, 2012, 02:48 PM
  2. [MOD NEEDED] Highlight Parent Categories in Top Search Bar's Drop Down Menu
    By jermaine in forum ClassiPress General Discussion
    Replies: 2
    Last Post: February 18th, 2012, 10:35 PM
  3. How do I add a second drop down menu next to the search field?
    By boatfinderx in forum ClassiPress General Discussion
    Replies: 1
    Last Post: September 25th, 2011, 11:14 AM
  4. How do I add a second drop down menu next to the search field?
    By boatfinderx in forum ClassiPress General Discussion
    Replies: 1
    Last Post: September 17th, 2011, 03:10 PM
  5. [SOLVED] Help !!!!!!! (Search) All Categories Drop Menu malfunction Help!!!!!!!
    By mr_xx in forum Report ClassiPress Bugs
    Replies: 3
    Last Post: March 24th, 2011, 05:36 PM