Move image to right side of column

Ask the Community Customization
1

Custom CSS to move image to right side of text in column? (Right align image.) Thanks.

image
image891×491 48.7 KB

2 Likes
2

Hi @Tom_Parent

try this and add the code below to Custom CSS field on your Event Calendar widget’s Appearance tab:

.eapp-events-calendar-list-item-info {
flex-direction: row-reverse;
}
3 Likes
4

This reverses the order, thanks, but it caused the text not to be left aligned. I added this additional CSS to fix:

.eapp-events-calendar-list-item-infoInner {
margin-left: 0;
}
3 Likes
6

Hi there, @Tom_Parent :wave:

Happy to see that you’ve found a solution that works for you! Thank you so much for your assistance, @Sina :slightly_smiling_face:

If anything else comes up, don’t hesitate to drop a line here. We’ll be happy to help!