How to edit the forum buttons?

[Moku]

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

How do I turn this:


Into this:


???

[Ange Tuteur]

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.

[Moku]

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

[Ange Tuteur]

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 }

[Moku]

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

[Ange Tuteur]

You're welcome ^^

Topic archived

Have a nice day.