MEC Single Event post

[hwolfe]

Hi!

The layout on the MEC single event page is looking strange. The body of text is shifted over to the right, and the location area is up under the header. Can you take a look?

http://ups.866.myftpupload.com/events/an-introduction-to-demand-control-schema/

Thank you!

[rad]

Hi @hwolfe ,

Thanks for posting in.

I checked and it’s only normal for text to go to the right since it has two columns. First column is for the location, and other details in the second column. But yes, I see the issue with location being pushed above. For the fix, please add this CSS to your global custom CSS

.mec-single-modern .col-md-4 .mec-frontbox {
    margin-top: 0px;
}

The faulty CSS is from the plugin’s CSS file, the only way to fix it is by overriding this.

Thanks!

[hwolfe]

Thanks for the code, that worked perfectly.

As for the columns, how do I control that? Is that part of MEC’s controls? I’d like to either have it all in one column (for instance, the location - date - time - registration all above the text) or the be able to put the other details in the first column along with the location.

Thank you!

[nabeel]

Hi again,

It’s the part of MEC but you can try to achieve this with custom CSS, try adding the following CSS code in the Theme Options > CSS:

.single-mec-events .col-md-4 .mec-event-meta {
    margin: 0;
}
.single-mec-events .col-md-4 {
    width: 100%;
}
.single-mec-events .col-md-8 {
    width: 100%;
}

Hope this helps!