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 change buttons' colors

View previous topic View next topic Go down

Solved How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 4:28 pm

Hi, i want to change my buttons style (preview, submit, reset) for posts.
what css should i add for that?
im using punbb, thanks Very Happy
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by Jophy on April 26th 2014, 7:18 pm

Hello,

Try this:

For the Send button:
Code:
input.mainoption {
/*Properties here */
}

For the preview button:
Code:
input.liteoption {
/*Properties here */
}
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 7:25 pm

I just wanned to ask about this! How to add style to my buttons and then hovering like here:

FOR MORE PREVIEW watch it yourself: http://www.fmcodes.com
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 7:31 pm

@Jophy , didnt work..
i just tried to change the color of it but nothing happened Smile
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 7:34 pm

you can change the color by going to DISPLAY - COLORS, that's easy but designing it like you want that's what's the code for
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by Jophy on April 26th 2014, 7:36 pm

Can you give at least 1 forum for permission to post? (you can remove the permission afterwards)
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 7:38 pm

Jophy what do u mean? sorry i didtn understand Smile
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by Jophy on April 26th 2014, 7:41 pm

I mean if you can give permission for guest to post on 1 forum for examining the selector of the buttons, you can remove the permission afterwards.
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 7:44 pm

okey try here Smile
http://myplanet.forumgreek.com/f5-forum (open or answer in the existing topic)
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 7:55 pm

hey joker, why dont you go and design it yourself ? 
here: http://css-tricks.com/examples/ButtonMaker/#

just change the .button to .mainoption and the second one to .liteoption Smile 

Regards,
MIKAIL
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 7:58 pm

i know how design and add styles on css thats not my problem, i told before that i tried to change color with this ".mainoption" code but it didnt work, maybe some other code is for the buttons im looking for Smile
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 8:02 pm

try with these both
.mainoption {
background-color: #YOURCOLOR;
color: #FORTHETEXT;
}

.liteoption {
background-color: #YOURCOLOR;
color: #FORTHETEXT;
}
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 8:05 pm

made an attempt already :/
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 8:06 pm

can you provide your forums url please , need to see something
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 8:09 pm



lol, it changed the Reset Button border color only xD

my forum is http://myplanet.forumgreek.com/
i have free category here http://myplanet.forumgreek.com/f5-forum (guests can open topics or reply to the existing) go try if u want
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by DeathDunk98* on April 26th 2014, 8:13 pm

try this code instead :
Code:
.button2 {
background-color:#YOURCOLOR;
color:#TEXTCOLOR;
}
avatar
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 8:37 pm

This code, was affecting the buttons..

Code:
Removed

but then, i made a lot of tries with some codes  but nothing seems to be working:

Code:
Removed


Last edited by J0k3R^ on April 26th 2014, 8:48 pm; edited 1 time in total
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by J0k3R^ on April 26th 2014, 8:47 pm

gg wp *Solved*

the code is this one:

Code:
input[type="submit"] { color: #00AD1C !important; background-color: #F00 !important; border: 2px solid #FFF; border-radius: 5px; }
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: How to change buttons' colors

Post by SLGray on April 26th 2014, 11:35 pm

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40514
Reputation : 2733
Language : English
Location : United States

https://fmthemes.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