Need help? Check out our Support site, then


eventbrite sidebar width

  1. I'd like to make the sidebar on my Eventbrite Single Event blog narrower, so that the blog space is wider. How do I do that?

    The blog I need help with is whatamidoingjla.wordpress.com.

  2. This is a tricky theme to narrow the sidebar on because there are three different conditions (browser window widths) that trigger changers in the sidebar width and layout so that it looks good on all types of devices. Actually there are more than three, but only three that we are concerned with (the three before the sidebar drops down below the content).

    Give the following a try and see what you think.

    @media (min-width: 980px) {
    .main-container .container:after {
    left: 70%;
    }
    
    .span4 {
    width: 230px !important;
    }
    
    .span8 {
    width: 670px;
    }
    
    .sidebar {
    padding-right: 20px;
    }
    }
    
    @media (min-width: 1200px) {
    .main-container .container:after {
    left: 77%;
    }
    
    .span4 {
    width: 230px;
    }
    
    .span8 {
    width: 910px;
    }
    
    .sidebar {
    padding-right: 20px;
    }
    }
  3. Totally and completely awesome! THANK YOU!!!

  4. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic