How can I put icons in front my new buttons?

Question

Each button has one bar icon, I created a new button and I want to put them in front of an icon. How do I do this?

Answer 1

Could you please provide the site url. Or any image reference!

To change the icon for all custom menu item you need to writeset rule for that.

Please provide your site link for detailed answer.

Comments

I want to put an icon in front of the button "Despre".

---

Okay I have checked your site and wonder why it is not displaying default icon for custom menu item. Theme has default menu icon for custom items.

Let me see what's wrong there. Get back to you.

---

Okay I have checked and found something wrong in li class it should be custom-# instead of despre$

Can you please mention how you have created that menu item?

---

Admin Panel > Pages > Add Page.

---

Okay I found either there is a bug in Q2A for custom page class adding $ sign at the end of the class. To avoid that issue you can add below rule in your custom.css file you can find with below path

qa-theme/MaxControl/css/custom.css

Add below code at the end in custom.css file (however it shold be blank by default)

.qa-nav-main-item-opp > a.qa-nav-main-link{
    background-image: url("images/nav-icons/custom-page.png"); /* change image url or image you want. custom-page.png is the default menu icon for custom pages */
    background-position: left center;
    background-repeat: no-repeat;
}

---

Works perfectly thanks a lot.