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 June 24th 2015, 1:10 am

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 June 24th 2015, 7:58 pm; 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 June 24th 2015, 10:48 am

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 : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku on June 24th 2015, 6:50 pm

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 June 24th 2015, 7:24 pm

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 : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: How to edit the forum buttons?

Post by Moku on June 24th 2015, 7:57 pm

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 June 24th 2015, 10:11 pm

You're welcome ^^

Topic archived

Have a nice day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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