Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.


    Home Forums Theme Forum HelloCanvas & HelloCanvas iPhone Moving search input box and magnifying glass to my menubar

    This topic contains 0 replies, has 1 voice, and was last updated by  Anonymous 5 years, 9 months ago.

    Viewing 1 post (of 1 total)
    • Author
      Posts
    • #14976

      Anonymous

      Hello,

      I have embedded the search graphic in to my menubar…

      http://kathy.syso.ca/.

      I am trying to move the input box and the magnifying glass inside this menubar
      container and am having difficulty.

      Could someone look at this code and let me know what I’ve done wrong.

      Thanks.

      Below is the search portion that I have modified in the style.css file.

      /* SEARCH */

      /* ORIGINAL
      .form-search { float:right; padding-top:5px; background: url(../images/background/search_bg.png) no-repeat; width: 333px;

      height: 48px; position: relative; top: 17px; right:0px; }
      */

      .form-search { margin-left: 120px; float:right; padding-top:5px; width: 333px; height: 48px; position: relative; top: 17px;

      right:0px; }

      .form-search label { display: none; float:left; font-size:12px; font-weight:bold; padding:0 5px 0 0; }

      .form-search .search_btn { float: right; padding-right: 15px; padding-top: 9px; }

      /* ORIGINAL
      .form-search input.input-text { float:left; width:220px; padding-left: 40px; padding-top: 14px; border:none; background:

      transparent; font-size: 14px; color: #989898; }
      */

      .form-search input.input-text { margin-left: -10px; margin-top: 6px; float:left; width:160px; padding-top: 10px; border: 1px

      solid darkred; background: transparent; font-size: 11px; color: #989898; }

      .form-search button.button { float:left; }

      .form-search button.button span { height:20px; background-image:url(../images/bkg_btn-small.png); line-height:20px; }

      .form-search .search-autocomplete { z-index:999; }

      .form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; }

      .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px;

      cursor:pointer; }

      .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }

      .form-search .search-autocomplete li.odd { background-color:#f6f6f6; }

      .form-search .search-autocomplete li.selected { background-color:#ecf9ea; }

    Viewing 1 post (of 1 total)
    Reply To: Moving search input box and magnifying glass to my menubar
    Your information:





    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">