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.

Help hover color and button radius

View previous topic View next topic Go down

In progress Help hover color and button radius

Post by gabrielhadjimalik on June 26th 2014, 2:12 pm

Hello guys and once again i need your help about changer hover color and change button radius

On hover color how do i replace the color of this if the mouse is hover the color make black



And also here


And then the login button.... how to change the radius of the login button

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by zachwinch on June 26th 2014, 2:34 pm

I don't know about your first problem, hover color but for box radius i think you can use this;


Code:
input.mainoption, input.liteoption {
border : 1px solid #060606;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

zachwinch
New Member

Posts : 15
Reputation : 1
Language : Turkish

http://innoctem.forum.st/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 26th 2014, 2:46 pm

Sir i am using phpbb3 so where do i put than code? on CSS? i try the code but don't work Sad

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by zachwinch on June 26th 2014, 4:32 pm

Ow, sorry than. SadIm using this code with phpBB2, on css. I don't how it happens in phpBB3.

zachwinch
New Member

Posts : 15
Reputation : 1
Language : Turkish

http://innoctem.forum.st/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 27th 2014, 5:57 am

Any help guys........

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by SLGray on June 27th 2014, 6:14 am

CSS:
Code:
fieldset dl:hover dt label {
    color: #000;
}
Check to see if that is there. If is change the color value.


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 27th 2014, 6:59 am

Sorry sir not working Sad

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by Jophy on June 27th 2014, 9:57 am

Hello,

Try adding this to your CSS(AP > Display > Colors > CSS Stylesheet):

For the buttons:

Code:
input.button2 {
 -webkit-border-radius: 0px !important;
 -moz-border-radius: 0px !important;
 border-radius: 0px !important;
}

For the hover effect on the main text fields:

Code:
fieldset dl:hover dt label { color: COLORHERE !important; }

Place it at the bottom of the CSS.

Jophy
ForumGuru

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

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 27th 2014, 12:15 pm

Code:
input.button2 {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

Not working... Sad

Code:
fieldset dl:hover dt label { color: COLORHERE !important; }

Not Working Sad

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by levy on June 27th 2014, 1:15 pm

Add this code in your CSS:
Code:
form#ucp input{
border-radius:0!important;
}
#form dt label:hover{
color:white!important;
}

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 27th 2014, 4:38 pm

candy_fear wrote:Add this code in your CSS:
Code:
form#ucp input{
border-radius:0!important;
}
#form dt label:hover{
color:white!important;
}
Same not working sir this is the link for my login :http://www.gsmcitymobile.com/login
And also the link for my registration :http://www.gsmcitymobile.com/register?agreed=true&step=2
Also my profile label if the mouse is hover it will turn to black

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 28th 2014, 5:43 pm

Bump...

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by Pizza Boi on June 29th 2014, 9:25 pm

Hi Very Happy

Please try all of this:

Code:
.panel .inner label:hover {
  color: #Color !important;
}
.fields1.left.fld_connexion label:hover {
  color: #Color !important;
}
input.button1 {
border-radius: 0px !Important;
}

Change #Color to the color you want~

Regards,
Pizza Boi

P.S. I don't know why your site makes me crash every 30 seconds...

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on June 30th 2014, 5:46 pm

@Pizza Boi wrote:Hi Very Happy

Please try all of this:

Code:
.panel .inner label:hover {
 color: #Color !important;
}
.fields1.left.fld_connexion label:hover {
 color: #Color !important;
}
input.button1 {
border-radius: 0px !Important;
}

Change #Color to the color you want~

Regards,
Pizza Boi

P.S. I don't know why your site makes me crash every 30 seconds...

Thank for the button radius sir it's solved
But the hover not working..

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by Pizza Boi on July 3rd 2014, 3:50 pm

Hi Very Happy

Please put them all at the top of the CSS also, did you change #Color as I instructed?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by Ange Tuteur on July 3rd 2014, 6:57 pm

Hello,

Add the following to the top of your stylesheet :
Code:
fieldset dl:hover dt label { color:#F00 !important; }

This rule is what changes the color of the labels on hover. Were you placing it at the bottom of the sheet before ? If so you might have errors in your stylesheet. That would be the only reason for it not to work proper.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik on July 4th 2014, 11:44 am

Thanks to all i put all the script from Ange and Pizza Boi and it works fine:wouhou:

Code:
fieldset dl:hover dt label { color:#F00 !important; }

.panel .inner label:hover {
color: #Color !important;
}
.fields1.left.fld_connexion label:hover {
color: #Color !important;
}
input.button1 {
border-radius: 0px !Important;
}

Thanks a lot...

gabrielhadjimalik
Forumember

Posts : 26
Reputation : 2
Language : English

http://gsmcitymobile.forumtl.com/

Back to top Go down

In progress Re: Help hover color and button radius

Post by Ange Tuteur on July 4th 2014, 4:20 pm

You're welcome. Smile

I would probably remove these rules :
Code:
.panel .inner label:hover {
 color: #Color !important;
}
.fields1.left.fld_connexion label:hover {
 color: #Color !important;
}

Since they may conflict with the one I gave you, seeing as they're after. They're also doing nothing since #Color is an invalid hex color. In the future, if Pizza Boi gives you a code with #Color change it to either a 3 digit, or 6 digit number.

Ex : #Color => #F00

The above is shorthand hex color and is equal to Red, so if you want a different color just change the three values. I'll list below what they are :

#RGB
#000
R = Red
G = Green
B = Blue

Adding a value to a digit will increase the intensity of the color(brighter), whereas subtracting a value decreases the intensity(darker).

Have a good 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