Support

Home Forums Event Espresso Premium EE4 Upcoming Events Widget – Use CSS to adjust position of text and / or images

EE4 Upcoming Events Widget – Use CSS to adjust position of text and / or images

Posted: November 30, 2015 at 3:32 pm


chrisscottuk

November 30, 2015 at 3:32 pm

Hi there,

I’d like to use CSS to adjust the position of text and / or images displayed in the EE4 upcoming events widget but I’m having trouble working out how to do this.

Basically I would like to horizontally centre the images (and maybe the text) at the moment the images are justified to the left handside.

Would you be able to point me in the right direction please?

Thanks,

Chris


Tony

  • Support Staff

November 30, 2015 at 4:36 pm

Hi Chris,

You can center the images using something like:

.ee-upcoming-events-widget-li img {
    margin: 0 auto;
    display: block;
}

Aligning the text depends on which element but here is an example of aligning the event title heading:

.ee-upcoming-events-widget-li .ee-upcoming-events-widget-title-h5 {
    text-align: center;
}

The support post ‘EE4 Upcoming Events Widget – Use CSS to adjust position of text and / or images’ 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