the problem is the wrapper for the widgets in the sidebar are on top of the main content in the left panel. is there a way around this?
Any chance you could post a live link as well? It’s tricky to work out what’s happening from a screenshot. Thanks.
Totally.
http://www.fathomtheatre.ca/events/of-heroes-herring-2014-07-23/
I reduced the size of the month in the widgets, it helped a little. So now there’s like a sliver of linkable area on the <Back to calendar link.
could it be because you put href inside h3 header? how about removing the h3 and then move the styling to href ?
no, that didn’t work. Thanks though.
I had another issue with another site and I did this:
#crum_galleries_widget-2, #crum_galleries_widget-3 {margin-bottom: 10px !important;}
but I don’t know what to replace the #crum_galleries_widget-2, #crum_galleries_widget-3 with. I’m using the Text widget, so I don’t want this is effect all the text widgets … just these particular ones.
Where should the Back to Events Calendar link be?
the link itself isn’t suppose to move, it’s location it right. But the linkable area – or hit box is only active on the bottom of the words … know what I mean?
If you mouse over the words, it’s not linked … but if you move your cursor over to the bottom rung of the capital E in Events your mouse will turn into the hand, and the link is active.
If you Inspect Element you can see the wrapper for the sidebar widgets seems to be blocking it somehow. But … I could be wrong.
Ok, I get it now. Try adding this to your stylesheet:
.em-calendar-wrapper {
float:right;
}
Just tried in Inspector and it seems to do the trick.
It works – but it moves all the other widgets on the other pages, which then messes with the styling around other shortcode boxes on other pages …. maybe … is it possible that I can still use this code but have it only apply to this particular instance of the widget – like … is there a widget ID I could use?
since this involves custom theme and css styling; you might need to ask a developer assistance with regards to custom css styling.
