|
Joost
|
February 2, 2017 at 1:37 am
I’m trying to restyle the upcoming event widget. Please have a look on our site: http://www.plukdeliefde.nl/
I have two questions:
1) I can’t modify the 25px padding that seems to be created by the .ee-upcoming-events-widget-ul class. (I want all the cards in the side bar aligned) I’ve tried several variations of the following custom CSS without effect:
.ee-upcoming-events-widget-ul {
margin: 0px !important;
padding: 0px; !important;
}
Apparently, I miss something. What would be the correct way to do it?
2) Is there a way to make the whole card clickable (not just the text). See some of the other cards on the page). I would know how this would work with some additional html but I have no idea how to add that. I’m aware it should also be possible with some JS, but again that is beyond my capabilities. Any suggestions?
Thanks in advance,
Joost
|
|
Josh
|
February 2, 2017 at 12:08 pm
Hi Joost,
You actually have a typo in your custom CSS:
padding: 0px; !important;
Should be:
padding: 0px !important;
The area around the link text can be made clickable by setting the anchor to display:inline-block; and add some padding, e.g. :
.ee-widget-event-name-a {
display:inline-block !important;
padding: 0 80px 5px 20px;
}
|
