Changing Colors of Buttons and Hover

Hi Piotr

I've managed to change the color of the buttons on the homepage and other pages to grey but I want them all to be blue on hover as well.

I'm confused because the homepage buttons have no hover at all and the other pages are black on hover.

I also need the text on the end boxes of the testimonials to be black and then white on hover.

In the price table, how do I change the black line in Online & Remote Support to White.

Thanking you again so much for your help.

Sharlene

Could You please post an url to your site to exact places where this kind of changes should be done? Please also provide which every link what changes you would like to achieve.

http://development.fourier.com.au/f2
On this homepage I want the Read More buttons to be blue on hover.
Also. "Our Customers" and "More Customer Stories" in the testimonial section to be black text that changes to white on hover.

http://development.fourier.com.au/f2/product-services/onsite-remote-support
On this page and all the other pages I want all the "More" buttons to be blue on hover.

Thanking you for your help
Sharlene

Ok, step by step:
Please edit: /templates/gk_cloudhost/css/override.css and add at its end:

Code: Select all

.gk-nsp .btn:hover {
    background: blue;   
}


will change hover color to blue. replace blue with your #color

Remember to enable "CSS override" in template settings - advanced section.

For this part:
"Also. "Our Customers" and "More Customer Stories" in the testimonial section to be black text that changes to white on hover."
please add a custom class to those links, this way we can address change only to them, not to all links in testimonials section.

To make blue "More":

Code: Select all

#gk-mainbody a:hover {
backgrounds: blue;
}


Thank you Cyberek.. that is perfect for the Read more buttons on the homepage.

I also needed to change the hover color on all the other buttons in the site.

I need to change the More Services button on the homepage http://development.fourier.com.au/f2/

I need to change the More buttons and Submit buttons on all pages for example on http://development.fourier.com.au/f2/product-services/onsite-remote-support/

Hoping you will help again and thanking you in advance.
Sharlene

You might mdify all those buttons look this way:

Code: Select all

.btn {
background: blue !important;
}
.btn:hover {
background: red !important;
}


Thank you

Is there anything else I can help you with on this topic?

No thank you Cyberek.. I think this one is solved. Thank you for your support