searchsubmit moving in different browers

  • Resolved tiffanyscott

    (@tiffanyscott)


    9 years, 9 months ago

    Newbie Alert. I am using customizr child theme. My website is https://sproutedjourney.com. On Chrome on my mac the search submit button looks exactly how I want it to look with this code `/* Move search box to the right */
    #searchsubmit{
    float: right;
    margin-top:-40px;
    margin-left:14px;
    }`
    BUT, on safari and chrome on the windows pc (only other ones I have tried) it is misplaced. How do I make it look the same across the board? Thank you!

Viewing 1 replies (of 1 total)
  • Thread Starter tiffanyscott

    (@tiffanyscott)

    I found this to add to CSS and it worked,

    #search {
  margin-top: 1px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
}

#search form {
  position: relative;
}

#search input {
  padding: 0 10px 0 29px;
  color: #555555;
  border: none;
  background: url('/images/bg_searchbar.png?1296191141') no-repeat;
  width: 180px;
  height: 29px;
  overflow: hidden;
}

#search input:hover {
  color: #00ccff;
  background-position: 0px -32px;
}

Viewing 1 replies (of 1 total)
  • The topic ‘searchsubmit moving in different browers’ is closed to new replies.