[Michael Alø-Nielsen]

Can I change the search-submit button from left to right side of search-field?
I think it’s in this code-snippet below that I have to make a change to get what I want, but I can’t seem to figure out how to do it:

.search-submit {
    background: transparent none;
    border: none;
    bottom: 0;
    color: #ccc;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

Is it possible at all?

[Mahesh]

@malodk02: Pelase add the following CSS:

.search-field {
    padding-right: 34px;
    padding-left: 10px;
}

.search-submit {
    right: 0;
    left: unset;
}
  
.search-submit:hover, .search-submit:focus {
    border-radius: 0 5px 5px 0;
}

Regards,
Mahesh

[Michael Alø-Nielsen]

Perfect. Works like a charm.
Thank you so much.
It was the “unset” part I couldn’t figure out.

[Mahesh]

@malodk02: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts