how to put images & colors in buttons

Hello, people say  to me that the buttons looks old.

I can agree, gray & black and like they are standard, looks old.

How can i change these colors, And also how to conect a image before the wrd in the button.

Thank you.

CSS styles

use firebug for FF and you find the files you need to change the styles of the buttons.

best thing to do is look for general or main css! That way one change effects the whole site.

But as always... backup your files b4 you make any changes...

Also, look in the templates.  This is from the quick links template:

<bx_if:icon>
    <button class="bx-btn bx-btn-img bx-btn-small" __action__>
        <u style="background-image:url(__picture__)">__caption__</u>
    </button>
</bx_if:icon>
<bx_if:texticon>
    <button class="bx-btn bx-btn-img bx-btn-small bx-btn-ifont" __action__>
        <i class="sys-icon __picture__"></i>__caption__
    </button>
</bx_if:texticon>

The first one is using an image.  The second one is using an icon out of the font-awesome font set.

In Dolphin 7.1, Boonex moved to the font-awesome; I refer to them as font-awful, because it would help with people using telephones; you know, it is the dumb-down approach, because everyone is ditching real computers to use telephones for all their computing needs.  Anyway, that is why everything looks so ugly compared to 7.0.9.  However, you can go into the navigation menu and change the icons on the buttons so they are once again pretty.  It may be tedious but not difficult.  If you click on the item in the menu, you can see where there is a place to enter the image to use.

I was just thinking today- Aside from buttons being rather bland, all of them being collected into an "Actions" block is really pretty lame too. Being able to separate and organize buttons differently on a page would surely liven things up a bit.

They shouldn't have to be all the same color and style and clumped together huddled in a corner on the page.