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.

Modern non-image buttons?

View previous topic View next topic Go down

Solved Modern non-image buttons?

Post by Ivo94 on March 7th 2015, 8:44 pm

I'd like to update the non-image buttons on my forum to the ones used on this forum. I mean these ones:



Would like to use the modern-looking buttons like on this forum:



Help is appreciated! Thanks. Very good


Last edited by Ivo94 on March 8th 2015, 12:29 pm; edited 1 time in total

Ivo94
Forumember

Male Posts : 84
Reputation : 0
Language : English, Dutch
Location : The Netherlands

http://septemberfans.forumotion.com/

Back to top Go down

Solved Re: Modern non-image buttons?

Post by Luffy on March 7th 2015, 8:51 pm

Hello,

Try adding this to your CSS:
Admin Panel > Display > Pics and colors > Colors > CSS Stylesheet:
Code:
.button1, .button2 {background: #b11d01!important;border: none!important;border-radius: 3px;color: #FFF!important;font-weight: 700;margin: 1px;padding: 4px 6px!important;transition: 300ms;}
.button1, .button2:hover: {background-color:#B15C01!important;transition:300ms;}

Luffy






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Modern non-image buttons?

Post by Ivo94 on March 8th 2015, 12:16 pm

Thanks, however the code for the hover colour doesn't seem to do the job (no matter what colour I enter). Still shows the regular colour when I hover over the buttons.

Ivo94
Forumember

Male Posts : 84
Reputation : 0
Language : English, Dutch
Location : The Netherlands

http://septemberfans.forumotion.com/

Back to top Go down

Solved Re: Modern non-image buttons?

Post by Luffy on March 8th 2015, 12:18 pm

@Ivo94 wrote:Thanks, however the code for the hover colour doesn't seem to do the job (no matter what colour I enter). Still shows the regular colour when I hover over the buttons.
I'm sorry, it was my mistake.
Add this rule in your CSS:
Code:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #d4111a!important;
transition:300ms;
}






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Modern non-image buttons?

Post by Ivo94 on March 8th 2015, 12:30 pm

Thanks! These buttons look a lot better than the standard ones in my opinion. Very good

Ivo94
Forumember

Male Posts : 84
Reputation : 0
Language : English, Dutch
Location : The Netherlands

http://septemberfans.forumotion.com/

Back to top Go down

Solved Re: Modern non-image buttons?

Post by Luffy on March 8th 2015, 12:31 pm

No problem! Smile

Have a nice day! :rose:

Luffy






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Modern non-image buttons?

Post by _Twisted_Mods_ on March 8th 2015, 12:39 pm

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.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