WordPress.org

Ready to get started?Download WordPress

Forums

Eventbrite for The Events Calendar
How to modify the width (7 posts)

  1. djazz6
    Member
    Posted 3 years ago #

    Hi All,

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

    I am using the theme Modern clix (www.frogvalley.net) 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
    Loïc

  2. jessicaZ
    Member
    Posted 3 years ago #

    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 {
    	background:#fff;
    	width:870px;

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

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

    `

  3. djazz6
    Member
    Posted 3 years ago #

    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?

    Thanks
    Loic

  4. stacystateham
    Member
    Posted 3 years ago #

    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!

  5. houseofstrauss
    Member
    Posted 3 years ago #

    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

  6. kubawolf
    Member
    Posted 3 years ago #

    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 {
    position:relative;
    width: 960px;
    margin-right: auto;
    margin-left: auto;

  7. houseofstrauss
    Member
    Posted 3 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic