Plugin additions – upcoming events targeting

[Joseph]

I’m using the plugin additions under Avia Layout builder and the Upcoming Events drop in. See pic (http://prnt.sc/bxsjbs) and cannot find where to target the CSS to make the font larger and responsive. I was able to center it using:

.av-upcoming-event-data {
		position: relative;
		text-align: center;
	}

but any text-size has no effect. Can you help point in the right direction? Is this considered a widget?

[Nico]

Hi there Joseph,

Thanks for reaching out to us! I can help you here, but I need to see this in action in order to inspect the markup generated by the layout builder.

Can you please provide a link to see this in your site? Also a screenshot/description indicating which font you are trying to resize would be awesome!

Please let me know about it,
Best,
Nico

[Joseph]

This reply is private.

[Joseph]

Please close this thread. I went ahead and reverted to the Widget Area. Thank You.

[Joseph]

Ignore the close thread 😉 I still cannot get the text centered within the Upcoming Events Widget. Please take a look at the link and on the front page, you’ll see the Date block and title are left within the frame. I tried:

.tribe-events-title, .tribe-events-duration, .trive-events-post, tribe-mini-calendar-event {
	text-align: center;
}

but that only centers the description and duration but won’t target the date block.

[Nico]

Hey Joseph,

Thanks for following up! Use the following CSS to center the text:

#tribe-events-adv-list-widget-2 .list-info {
text-align: center !important;
width: 100%;
}

I uses the #tribe-events-adv-list-widget-2 selector to only affect that particular instance of the widget.

Please let me know if this is what you were looking for,
Best,
Nico

[Joseph]

This reply is private.

[Nico]

This reply is private.

[Joseph]

This reply is private.

[Nico]

This reply is private.

[Joseph]

Awesome! Thank you. I’m sharing this in case anyone else wants to center the upcoming events widget on a page.

#tribe-events-adv-list-widget-2 .tribe-mini-calendar-event{
    margin: 0 auto;
    width: 400px;
}

[Nico]

Perfecto! Thanks for confirming Joseph 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts