Support » Plugin: The Events Calendar » Calendar pushes out container – spoils layout

  • Resolved Budsy

    (@budsy)


    When the calendar is assigned to a page, something is making the main container push out beyond normal width. This makes the banner image appear inset. This is only happening on calendar pages. I have tried shrinking the whole calendar with css, and it all shrinks, but the page is still broken. If I can figure out what element is doing this, I’m sure it can be fixed… but where is it?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • I should mention, I am using the Savona theme.

    Followup: Actually what is happening is that the banner image is being shifted slightly to the left. I measured the image and it is not resized, but simply shifted. But by comparing pages by navigating, the container is size for the page box is exactly the same. So, it is not the calendar pushing out the box, rather some Css that is shifting the banner image. Css class naming conflict??

    Follow up again: I fixed it by setting the banner class width:100% !important; That worked around whatever issue in the Calendar. I suspect there was a naming conflict. Problem solved. Or at least worked-around.

    Awesome! Glad you got it figured out. I see that as a fix for sure — this comes down the theme and The Events Calendar not agreeing completely.

    I’m going to go ahead and close out this thread — don’t hesitate to create a new one any time you need help!

    Take care,
    Ed 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Calendar pushes out container – spoils layout’ is closed to new replies.