WordPress.org

Ready to get started?Download WordPress

Forums

Events Manager
[resolved] Spacing around widget (12 posts)

  1. AmandaEve
    Member
    Posted 4 months ago #

    So, on the single event page, I'm adding two calendar widgets in the side bar to illustrate the two months running time of the event. But the second widget somehow is overlapping a link on the other side of the page. I"m note sure how this is happening, but I figured a way around it would be to push the two widgets together about 10-20 pixels.

    Here's a screenshot, which might help to understand what I'm talking about.

    https://wordpress.org/plugins/events-manager/

  2. AmandaEve
    Member
    Posted 4 months ago #

    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?

  3. caimin_nwl
    NetWebLogic Support
    Posted 4 months ago #

    Any chance you could post a live link as well? It's tricky to work out what's happening from a screenshot. Thanks.

  4. AmandaEve
    Member
    Posted 4 months ago #

    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.

  5. angelo
    NetWebLogic Support
    Posted 4 months ago #

    could it be because you put href inside h3 header? how about removing the h3 and then move the styling to href ?

  6. AmandaEve
    Member
    Posted 4 months ago #

    no, that didn't work. Thanks though.

  7. AmandaEve
    Member
    Posted 4 months ago #

    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.

  8. caimin_nwl
    NetWebLogic Support
    Posted 4 months ago #

    Where should the Back to Events Calendar link be?

  9. AmandaEve
    Member
    Posted 4 months ago #

    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.

  10. caimin_nwl
    NetWebLogic Support
    Posted 4 months ago #

    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.

  11. AmandaEve
    Member
    Posted 4 months ago #

    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?

  12. angelo
    NetWebLogic Support
    Posted 4 months ago #

    since this involves custom theme and css styling; you might need to ask a developer assistance with regards to custom css styling.

Reply

You must log in to post.

About this Plugin

About this Topic