The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to edit the forum buttons?

Go down

Solved How to edit the forum buttons?

Post by Moku on Wed 24 Jun - 2:10

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

How do I turn this:


Into this:


???


Last edited by Moku on Wed 24 Jun - 20:58; edited 1 time in total
avatar
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 on Wed 24 Jun - 11: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
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku on Wed 24 Jun - 19:50

Thank you Ange Tuteur, nothing has changed though. TT
My forum version is phpBB2, maybe that's the problem?
avatar
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 on Wed 24 Jun - 20: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 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku on Wed 24 Jun - 20:57

You're my savior!!! Thank you very much! :party:
avatar
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 on Wed 24 Jun - 23:11

You're welcome ^^

Topic archived

Have a nice day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Back to top


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