Buttons Change Colour!

Go down

Solved Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 21:59

Hi

I wonder if you can help me out please, I run a forum which has been going since 2008

I wont to update a few things one is the buttons which are fine but I see on other sites they change colour when the cursor is on them is there a way of doing this and if so how!

Kind Regards
Richie
avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 22:04

Hello richard liggins,

You can change the color of the button text when you hover by adding this to your CSS :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Code:
.button1:hover, .button2:hover { color:#f00 !important; }

You can of course change the color by editing the value with hex or color names. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 22:10

Ange Tuteur wrote:Hello richard liggins,

You can change the color of the button text when you hover by adding this to your CSS :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Code:
.button1:hover, .button2:hover { color:#f00 !important; }

You can of course change the color by editing the value with hex or color names. Wink

Hi Ange

I have pasted the code in the CSS stylesheet but nothing has happened
avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 22:15

Could you post a link to your forum ?

Thanks in advance. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 22:17

avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 22:20

The color is changing to red for me on hover.  Shocked 

Did you want to change the background color..or ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 22:24

Hi

I am seeing no colour change at all....

Background colour or the button colour I don't mind

Just wanted to make it change and then I could put the correct colour in later once I achieved doing it
avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 22:38

The button color change to red here see :


If you want to change the background color on hover use this :
Code:
.button1:hover, .button2:hover { color:#00f !important; }

if you do not see change try clearing your cache.
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 22:48

Sorry Ange I didn't explain myself with the original question

The buttons I wont to change are the home, profile,photo buttons is it possible

below is the image of the buttons

avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 22:53

If you wanted to change the original colors you would have to edit the images.

If you want a hover effect you can try this CSS :
Code:
a.mainmenu {
opacity:0.7;
filter:alpha(opacity=70);
}
a.mainmenu:hover {
opacity:1;
filter:alpha(opacity=100);
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on Thu Jan 23 2014, 22:58

Spot on Ange the hoover effect is fine

Thank you for your time very much appreciated

Richie
avatar
richard liggins
Forumember

Posts : 164
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on Thu Jan 23 2014, 23:14

You're welcome Smile

Topic solved and archived

Have a good day :rose:
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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