How to edit the forum buttons?

Hii!! I've seen some forums editing their 'Preview', 'Send', 'Login', etc. buttons - this forum for example.

How do I turn this:


Into this:


???

Hi @Moku,

Add the following rules to your stylesheet.
( Display > Colors > CSS stylesheet )

Code:

/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2 {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus { background-color:#333 }

Change the colors as you wish.

Thank you Ange Tuteur, nothing has changed though.
My forum version is phpBB2, maybe that's the problem?

You'll need to use this CSS for phpbb2 :

Code:

/* buttons */
input.mainoption, input.liteoption {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

input.mainoption:hover, input.liteoption:hover { background-color:#7B4 }
input.mainoption:focus, input.liteoption:focus { background-color:#333 }

You're my savior!!! Thank you very much!

You're welcome ^^

Topic archived

Have a nice day.