Replace the Send, Preview, and Draft Buttons

Hello,

I would like to replace the current appearance of the "send," preview," and "draft" buttons on my forum, preferably with images that I can make on my own instead of just color changes. Is this possible?

My forum version is phpBB3.
Thank you for your time!
Leah7

acp>display>colors>css tab

Code:


.submit-buttons input[name="post"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}
.submit-buttons input[name="preview"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}
input[name="draft"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}

replace imageurl with the url of the image
if it just a background image with no text remove "font-size:0px" from the code
set the width and height of the image

---------------------
if its a background image and with no text and its gonna be the same for all three use this

Code:

.submit-buttons input[name="post"],.submit-buttons input[name="preview"],input[name="draft"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
background-color:transparent;
   border:none;
}

Okay! At first, I thought it didn't work, but it did! xD It just works in the full-reply mode and not the quick reply mode.

Is there a way to have it work in quick reply, as well?

remove

Code:

.submit-buttons 

and see if it works

This did fix it, thank you very much! ^.^ However, when I hover over the buttons, there is now a little box that appears around them. Can I remove that?

It sounds like the border. Try replacing border:none; with border:none !important;

Yes, this fixed the issue and now I have the buttons up there that I want--thank you so very much to _twisted_mods_ and Ange Tuteur for helping me with this!!! <3

Solved!