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

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 */
}

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

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

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

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)

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

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.

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)

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

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

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;
}

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 :/

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

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 ishttp://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

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;
}

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

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; }

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.


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

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