Support

Home Forums Event Espresso Premium Float featured Image on the left

Float featured Image on the left

Posted: April 17, 2016 at 9:33 am


msaEEticket8

April 17, 2016 at 9:33 am

I am trying and trying to get this to work, and not having any luck.

This is my events page: https://www.mosheriffs.com/events/
This is a regular page with [ESPRESSO_EVENTS category_slug=conference] only in the editor box : https://www.mosheriffs.com/events-test/

I am trying to get the regular page (which only shows a certain category) to float the image on the left like the Events Page.

I like the width of events in my regular page, but just want them to have the left floated featured image, that is smaller like the Events page.

Any help would be greatly appreciated. Thanks!


Tony

  • Support Staff

April 18, 2016 at 3:08 am

Hi there,

https://www.mosheriffs.com/events/

Is using your themes archive.php template to output the details, which means its styled based on how your theme outputs posts.

The [ESPRESSO_EVENTS] shortcode is output directly from Event Espresso, so it does not get all of the styles fro your theme (although it tries to fit in as best it can)

Basically this means that you’ll need to apply your own styles to the EE output to make it look more like your theme, it depends on how far you want to go with customization the output if this will work as you may been a custom template for the EE shortcode for it to match /events/

If you add something like:

.ee-event-img-dv {
    float: left;
    margin: 0 20px 10px 0;
    width: 32%;
}

to your site it will float the image left and reduce the size, although you may need to alter the width to suit.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

The support post ‘Float featured Image on the left’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso