Can someone please tell me how to fix the appearace of my buttons?
They only look normal in safari (Mac os), in chrome somewhat ok (linux and win), but with firefox (linux and win) it looks like incomplete. (see the attached pics)

Thx.

CommentFileSizeAuthor
Login_button.png16.07 KBsapox
search_button.png2.39 KBsapox

Comments

Deepika.chavan’s picture

Hi,
Please change repeat-x to repeat in the background property of 'input[type=submit] ' and 'input[type=submit]:hover' attributes in ' style.css ' file.
In my case I changed

#nav #search-block-form input[type="submit"] {
  background:transparent url(../images/orange-btn-off.jpg) repeat-x scroll 0 0;
}

to

#nav #search-block-form input[type="submit"] {
  background:transparent url(../images/orange-btn-off.jpg) repeat scroll 0 0;
}

similarly changed

#nav #search-block-form input[type=submit]:hover {
 background: transparent url(../images/orange-btn-on.jpg) repeat-x 0 0;
}

to

#nav #search-block-form input[type=submit]:hover {
 background: transparent url(../images/orange-btn-on.jpg) repeat 0 0;
}

OR

Please change value of padding property of same attribute
In my case I changed

#nav #search-block-form input[type="submit"] {
  padding: 7px 14px;
}

to

#nav #search-block-form input[type="submit"] {
  padding: 3px 14px;
}

Rgrds,

Deepika Chavan.

nomonstersinme’s picture

Status: Active » Closed (won't fix)

Unfortunately I have no plans to edit the 1.3 version of this theme, but the above comment will solve the issue for you.

sapox’s picture

Thx, that helped a lot.