So I'm wanting to add a couple of buttons in a footer text widget. It should be a really easy task by just creating a class inside of a link, and then styling it with CSS, like this:
<a href="/newsletter" class="news-button">Newsletter</a>
border: 2px solid #000;
padding: 10px 0 0 0;
Normally, this would work fine, like in this JS Fiddle: https://jsfiddle.net/b9mc74p1/
However in my WordPress widget,
.et_pb_widget a is overriding everything else. And if I tried to just apply CSS to
.et_pb_widget a, it's going to add it to all my widget links, which I do not want.
I even tried adding
!important (I know, that's bad practice) but it still didn't work. I'd rather avoid a plugin for something this simple. Any ideas?
Link: http://mygirlfriends.kitemedia.com/ (footer, bottom right widget)