Change the color of buttons on my homepage
-
How to change the color of the buttons on my homepage ?
(Goran theme)Thank you.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
To change the color of those, the most direct way does not even require CSS. Instead you can click on the “Background and Colors” tab of your site customizer here: https://wordpress.com/customize
Just look for the color swatch highlighted here: https://cloudup.com/cFDf6VslwxI
That is the accent color for your site, which will primarily affect the button colors, but will also affect other elements of the site that are currently yellow
-
Ok, but I don’t want to change the general color of the buttons, just the highlighting color.
So I think, I have to acceed to the css code… -
Gotcha. You can try the following block of code, entered into the CSS tab of your site customizer here: https://wordpress.com/customize
Here is the code to paste in:
a.more-link { background-color: #ADADAD !important; }You did not mention what color you wanted the button, so I chose the same color grey as is found in the site background.
If you like you can tweak that CSS color value (#ADADAD) to find what works for you, using the following free online tool: http://www.colorpicker.com/
-
The buttons are yellow and when we pass the mouse on it they become black.
I would like that they are grey and not black. That’s what I would like to say by “highlighting color”.Thank you.
-
In that case, the following declaration will work:
a.more-link:hover { background-color: #ADADAD; } -
Sorry, but I paste this code and it seems to doesn’t work…
I don’t know why…a.more-link:hover {
background-color: #ADADAD;
} -
Gotcha. This will work, as it has more specificity:
.featured-page .more-link:hover { background-color: #ADADAD; } -
-
- The topic ‘Change the color of buttons on my homepage’ is closed to new replies.