The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Help hover color and button radius

+3
SLGray
SirLaplace
gabrielhadjimalik
7 posters

Go down

In progress Help hover color and button radius

Post by gabrielhadjimalik 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

Help hover color and button radius  Untitled-1_zpsbb852b0f

And also here 
Help hover color and button radius  Untitled-2_zpsd476ec02

And then the login button.... how to change the radius of the login button
avatar
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 SirLaplace 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;
}
SirLaplace
SirLaplace
Forumember

Male Posts : 50
Reputation : 4
Language : Turkish, English

http://innoctem.forum.st/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik 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
avatar
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 SirLaplace June 26th 2014, 4:32 pm

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

Male Posts : 50
Reputation : 4
Language : Turkish, English

http://innoctem.forum.st/

Back to top Go down

In progress Re: Help hover color and button radius

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

Any help guys........
avatar
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 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.


Help hover color and button radius  Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Help hover color and button radius

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

Sorry sir not working Sad
avatar
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 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
Jophy
ForumGuru

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

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik 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
avatar
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 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
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik 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
avatar
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 June 28th 2014, 5:43 pm

Bump...
avatar
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 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
Pizza Boi
Hyperactive

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

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik 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..
avatar
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 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
Pizza Boi
Hyperactive

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

Back to top Go down

In progress Re: Help hover color and button radius

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Help hover color and button radius

Post by gabrielhadjimalik 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...
avatar
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 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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