Amend Button Minimal color / colour Edin Theme
-
Hi Guys
I have added the button-minimal to the featured image on the homepage but I would like to change the button background color to match the brown used in the main navigation and the text to be white.
(And then when hovered, to have the reverse)my site is http://www.thewightbear.wordpress.com and I have the custom design upgrade applied to this Edin Theme.
Thank you for your help!
The blog I need help with is: (visible only to logged in users)
-
That will require CSS customization. See the forum topic Responsive theme: How to change color of “Call to Action” button?
-
I’m not seeing the button on your homepage – did you remove it?
The code provided in that other thread is for different themes, so it doesn’t apply to Edin.
You could try something like this:
.button-minimal { background-color: #bb00bb; } .button-minimal:hover { background-color: #bb00bb; }Change the demo purple to whatever brown you like!
-
Thanks for that!
Yes sorry I had a temporary holding page up but site now running – http://www.thewightbear.co.uk
Cheers again
-
Your code worked however, is there a way I can change the color of the text as the issue I have is once the button has been pressed if you return to the page the text has changed from white to the site brown color which means it isn’t that readable.
Thanks again
-
Sure – try changing this:
.button-minimal { background-color: #000000; }to this:
.hero a.button-minimal { border-color: #fff; color: #fff; background-color: #000; }…while leaving the other piece of CSS I gave you as it is.
Let me know if it does the trick.
-
-
- The topic ‘Amend Button Minimal color / colour Edin Theme’ is closed to new replies.