Parallax Pro button styling on mouseover

[akubrin]

Hi all,

I'm building a site with Parallax Pro at http://speakbusinesscomm.com/. I want to control the home page buttons--specifically, the background color, font color, and outline color on mouseover. I was able to set the non-mouseover background color in CSS, but cannot find a way to control these properties when I point at the buttons.

I've inspected the code, but I still can't figure out a way to control these properties.

Can I use CSS for this task? Do I need to use another technique?

Thanks.

Andy

http://speakbusinesscomm.com/

[ᴅᴀᴠɪᴅ]

Yes, this is what CSS is for. You are needing the :hover pseudo class, which controls styling on hover. So, assuming you need two different styles (due to the different background images for each front page section, odd and even). you would need something like this;

.home-even a.button:hover {
    background-color: #fff;
    border-color: #333;
    color: #333;
}

.home-odd a.button:hover {
    background-color: #333;
    border-color: #fff;
    color: #fff;
}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[akubrin]

Thank you, David. That did the trick.

[Author]

Posts