The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to edit the forum buttons?

2 posters

Go down

Solved How to edit the forum buttons?

Post by Moku 23/6/2015, 18:10

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

How do I turn this:
How to edit the forum buttons? L2AYUPj

Into this:
How to edit the forum buttons? 6w0zaxp

???


Last edited by Moku on 24/6/2015, 12:58; edited 1 time in total
Moku
Moku
New Member

Female Posts : 18
Reputation : 2
Language : English
Location : United Kingdom

http://hcadforum.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Ange Tuteur 24/6/2015, 03:48

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. Wink
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku 24/6/2015, 11:50

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

Female Posts : 18
Reputation : 2
Language : English
Location : United Kingdom

http://hcadforum.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Ange Tuteur 24/6/2015, 12:24

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 }
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku 24/6/2015, 12:57

You're my savior!!! Thank you very much! :party:
Moku
Moku
New Member

Female Posts : 18
Reputation : 2
Language : English
Location : United Kingdom

http://hcadforum.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Ange Tuteur 24/6/2015, 15:11

You're welcome ^^

Topic archived

Have a nice day. Smile
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum