Images in event body don't align properly

[Scott]

When I place an image in event body and align it to the left or the right, it don’t align. I’m using ‘The One Pager’ theme by WooThemes. I have tried the three different “Default stylesheet used for events templates” options:

• Skeleton Styles
• Full Styles
• Tribe Events Styles

And the image still doesn’t obey the css image class=”alignleft” or class=”alignright” that’s built in to the WP editor:

http://dev.uumilwaukee.org/event/sunday-service-5-2015-08-30/

Any hints on how to solve this?

[Brian]

Hi,

Thanks for using our plugins. I can help out here.

I took a look at your site and see the theme includes the standard image css for alignleft, alignright, etc…

However, it is tied to specific post types and not the events calendar post type.

You could either modify the theme css to target the events calendar events or add this css:

.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Scott]

Thanks Brian.

I pasted that code in to the CSS Stylesheet Editor available here: /wp-admin/themes.php?page=editcss In the [ Appearance > Edit CSS ] menu item in the WP dashboard.

It works perfectly.

Scott O.

[Brian]

Great glad it helps.

I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts