Forcing Events to use full width of screen

  • Resolved bjrnet21

    (@bjrnet21)


    6 years, 9 months ago

    Recently installed the Events Calendar.

    I use the Twenty Fourteen theme.

    Calendar events (both List and Month) only use up about 60% of the available width.

    Is there a custom CSS control I can use to force it to full-width? I couldn’t find any control of this (that would work) under the Events Calendar settings.

    Thanks for any help.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there !

    Thanks for reaching out.

    Head over to Events → Settings → Display and for events template choose Default Events Template (don’t forget to save).

    Take care,
    Ed ??

    Thread Starter bjrnet21

    (@bjrnet21)

    Dumb me.

    I thought I checked that.

    That works somewhat! It does center the main text under “Upcoming Events” but the margins are huge.

    How do I reduce the margins?

    Thanks again for replying.

    https://www.spacecoasthighlanders.com/events/

    With that theme, you can also try full width template.

    For reducing the margins, I’d suggesting using a tool like Chrome Developer Tools or Firebug to find where those margins are coming from in the CSS — we don’t support customizations but you can also reference our Themer’s Guide for help.

    Take care,
    Ed ??

    Hey there,

    Since this thread has been inactive for a while, I’m going to go ahead and mark it as resolved. Don’t hesitate to create a new thread any time you help again!

    Ed ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Forcing Events to use full width of screen’ is closed to new replies.