Changing Color of Widgets

edwardsalexa21 · Member · Dec 29, 2017 at 10:27 pm
Copy link

Add topic to favorites
Hello!

I recently changed my theme to Olsen and I love the theme, but I want to change the color for the hyperlinks and the Search button on my site. Through some browsing in the forums, I was able to grab some CSS codes that changed my content hyperlinks and title colors to pink (yay!). However, I am not sure where to find the code(s) to change hyperlinks within Widgets, specifically my Sidebar.

The links to my tags and social media icons turn to that dark mustard color only when you hover them so that’s not really a huge issue if those are difficult to/can’t change, but the Search button is the part that I want to change most since it stands out so much from the now-pink titles.

If anyone could help me, I would greatly appreciate it! Oh, and if it helps, I haven’t been using a specific number for the color, I have just been using the default “pink” when typing the color into the codes.

Thank you!!

The blog I need help with is: (visible only to logged in users)
staff-frank · Staff · Dec 30, 2017 at 3:39 pm
Copy link
Hi there,

The following custom CSS changes the color of the Search button:
```
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: pink;
}
```
This custom CSS changes the color of the category links in your sidebar and the social media icons:
```
a, a:visited {
    color: pink;
    text-decoration: none;
}
```
Let us know if you need more help.
staff-frank · Staff · Dec 30, 2017 at 3:43 pm
Copy link
P.S. It is not necessary to include text-decoration: none;
edwardsalexa21 · Member · Dec 30, 2017 at 5:52 pm
Copy link
Hi,

Thank you so much! It worked! :)

Happy New Year!
staff-frank · Staff · Dec 30, 2017 at 6:00 pm
Copy link
You’re most welcome! Glad I could help :-)

Happy New Year to you too!

No items found.