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?

View previous topic View next topic 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

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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?

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 }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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:

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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