Magazine Pro Button Color Customization

[Patrick2.0]

Hi everyone. I own the Magazine Pro theme and when I create a button the normal color of the button is black. When it is highlighted it turns to the same color as a link on the site.

I want change the color of the button when it isn't highlighted with the mouse to make it stand out more.

For example when it isn't highlighted with the mouse can I have it appear the same color as my links and when it is highlighted have it turn the black. Kind of like inverting the colors.

Maybe even have the text turn/stay white whenever it is highlighted

[ᴅᴀᴠɪᴅ]

You'd need to add these style changes via css.

for example...

To change the background of the button, and have the text on the button white;

.button {
    background-color: orange;
    color: white;
}

To change the backgroud of the button when you hover the curser over it;

.button:hover {
    background-color: darkorange;
    color: white;
}

---

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

Follow on Twitter

[Patrick2.0]

Thanks Dave,

I believe I found it. I made the changes to the form section of the css where I found code for the buttons.

If there is another section of the css where the buttons are located and I made an edit mistake please let me know, but this seems to have solved it.

[Author]

Posts