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.

Buttons Change Colour!

View previous topic View next topic Go down

Solved Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 8:59 pm

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

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 9:04 pm

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 9:10 pm

@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

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 9:15 pm

Could you post a link to your forum ?

Thanks in advance. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 9:17 pm


richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 9:20 pm

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

Did you want to change the background color..or ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 9:24 pm

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

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 9:38 pm

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 9:48 pm

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


richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 9:53 pm

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Buttons Change Colour!

Post by richard liggins on January 23rd 2014, 9:58 pm

Spot on Ange the hoover effect is fine

Thank you for your time very much appreciated

Richie

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Solved Re: Buttons Change Colour!

Post by Ange Tuteur on January 23rd 2014, 10:14 pm

You're welcome Smile

Topic solved and archived

Have a good day :rose:

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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