List View content box width

  • Resolved divazona

    (@divazona)


    6 years, 6 months ago

    How do I reduce the margins of the main content box? The content box is smaller than all of the main content boxes on my site. I want the box to be at least as wide as the search bar above it but ideally as wide as the ad banner at the top of the page with the content inside the box.

    When you go to an individual event page, the content box is full width with standard padding. (https://cabaret.toscawebdesign.com/event/joe-iconis-and-family/) That is what I want on the list view page.

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

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

  • Hi

    There are two changes you need to make

      Strike out padding in class post-wrap

      .page .post-wrap {
      /* padding: 40px 60px; */
      }
      .page .post-wrap, .post-wrap {
      /* padding: 0 60px 60px; */
      }

      Strike out max-width: 700px; in class tribe-events-loop as shown below:
      .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
      /* max-width: 700px; */
      margin: 0 auto;
      }

    This how your page looks after doing above changes https://imgur.com/a/I0NsiOb

    Thread Starter divazona

    (@divazona)

    Thank you so much for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘List View content box width’ is closed to new replies.