Support

Home Forums Event Espresso Premium Custom HTML on page

Custom HTML on page

Posted: October 16, 2019 at 4:35 pm


PatNelson

October 16, 2019 at 4:35 pm

I am trying to add custom HTMl to the event page. I want the page to have this code at the top of the page with the ticket information below it -> http://391.67a.myftpupload.com/test-page/. I added the code to the page but it seems like style that I had to include I can’t put on the page. How can I do this?

<style>
body {
background-color: #ccc;
}
.custom-column {
background-color: #eee;
border: 5px solid #eee;
padding: 10px;
box-sizing: border-box;
}
.custom-column-header {
font-size: 24px;
background-color: #e51d2e;
color: white;
padding: 15px;
text-align: center;
}
.custom-column-content {
background-color: #fff;
border: 2px solid white;
padding: 20px;
}
.custom-column-footer {
background-color: #fff;
padding-top: 20px;
text-align: center;
}
.card-columns {
padding-top: 15px;
}
</style>


PatNelson

October 16, 2019 at 6:17 pm

Never mind – I figured it out!!


Tony

  • Support Staff

October 17, 2019 at 2:30 am

Hi there,

May I ask how you did this in the end?

The reason I’m asking is the above isn’t really HTML, its CSS in a script tab (so the script tag is technically adding HTML) so you could just add the the CSS in Appearance -> Customize -> Additional CSS (you’ll need to alter the CSS above a little to target a specific page if needed).

The support post ‘Custom HTML on page’ 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