Embeddnig Events on Post with URL

[Cory Fechner]

OK – It is nice to be able to paste the URL of an event and it loads <iframe> embed of the event details in a Post.

But how do we style this stripped down event page?

Exmaple:
https://www.perfectduluthday.com/the-event/whiskey-wednesdays/2016-10-05/embed/#?secret=70tk1s1s83

You can see our image is posting at 100% with no alignment left. Your example page shows it much cleaner – see attached.

We tried to add custom style to the theme but the CSS is inline with the HTML on the embed URL we posted above.

.wp-embed-featured-image img {
width: 25%;
height: auto;
border: none;
float: left;
padding-right: 20px;
}

[Nico]

Hey Cory,

Thanks for getting in touch with us! I can help you on this 🙂

Let me start by saying, I see the embed pretty much like the ‘demo’ one → https://cloudup.com/cGC7pjTm0lX . Maybe you could sort this out? In case not, can you please send over the URL in which you are embedding the event?

The embed output is structured in a series of templates located in ‘wp-content/plugins/the-events-calendar/src/views/embed/’, which you can override as any others following the instructions in our themer’s guide.

Please let me know about it,
Best,
Nico

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts