Support » Plugin: Eventbrite for The Events Calendar » [Plugin: Eventbrite for The Events Calendar] How to modify the width

  • Hi All,

    First of all, thanks to the developers for this great plugin.

    I am using the theme Modern clix ( and I have an issue with the plugin on the home page. The ticket information box/table doesn’t fit in the width of the column.

    I am not an expert but I guess that some parameters need to be changed in the plugin settings. I went to the editor to change the template but I am not quite sure which parameter to change. I tried a few changes but it didn’t work.

    Is is this template to modify? eventbrite-for-the-events-calendar/resources/eb-tec-style.css

    Also, if it is possible, does anybody know how to modify the width of the article when you actually click on the post. The article takes the all width and I would prefer to stay under the 3 columns format

    Thanks in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • you should be able to edit it in the events.css file within the-events-calendar/resources/events.css

    Try adding a width to the first item:

    .category-events #tec-content {

    also look at this item for the event post dimensions, I used these margins to control the width:

    .tec-event .post {position:relative;
    margin-right: 10px;
    	padding: 10px;


    Hi jessica,

    Thanks for the advice.

    I looked at within “the-events-calendar/resources/events.css” and added the width to the template but it doesn’t seem working. It remains the same as before.

    For the event post dimension, I couldn’t find the “.tec-event .post” item you were mentioning. Is it in a different file that the one above?


    I’m having a similar issue – the event width is correct on my main page, but when I go into the post itself it’s running the full width of the page over my sidebars.

    I’m totally non-techy – I’d love some help fixing it.

    Thanks in advance!

    I’m having the exact same issues. On main page the layout is 100% width with no padding or margin. It also ignores the sidebar completely

    On line 181 you will find the css listed below. Enter your body width and assign “auto for left and right margins. I would advise they change the width to 100% and go auto as default for the left and right margins. I’ve not tested the % method but it should work in theory.

    .tec-event .post {
    width: 960px;
    margin-right: auto;
    margin-left: auto;

    Yeah, thanks kubawolf, I managed to get some improvement by hacking the CSS in a similar way. Actually Eventbrite website offers an embed code when you create an event and it all works and looks much better to drop that in the html section of a post, than this plugin.

    This is genrally a poor integration IMHO

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: Eventbrite for The Events Calendar] How to modify the width’ is closed to new replies.