search-icon in top menu have no lines as the tetbox upon focus

[pellesoft]

Hi!

I hope everything is great with you. I have a question where to find so that top/bottom/right line will get same color upon focus.

When pressing the “search icon” – search bar will appear. If you press in the textbox, then lines will be thicker/other color. But, around the search-button, nothing changes.

So, how can i write a css that also will hi light the rows around the search-button when the textbox has focus, and remove the line, the same way that happens with the textbox.

My issue- cannot find the css that does this 🙁

Thanks in advance
Pelle

---

[Support]

Hello Pelle,

We hope everything is great with you too!

Regarding your question, here’s the CSS you need:

.simple-search .form-control + .input-group-append {
	transition: ease border-color 300ms;
}

.simple-search .form-control:focus + .input-group-append {
	border-color: #CCC;
}

Hope this hslps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[pellesoft]

That worked brilliant, thank you ever so much as always!
Have a great weekend, thanks Rodrigo!

Pelle

---

[Author]

Posts