|
learnandgo
|
July 8, 2019 at 4:43 pm
How to style the Events Lists Page [ESPRESSO_EVENTS]? I would like to add thumbnail images, change the title, bold the event names.
When an event is created, is there a way sync it to Facebook?
|
|
Josh
|
July 8, 2019 at 6:54 pm
Hi,
You can set the title by adding a parameter to the shortcode e.g.
[ESPRESSO_EVENTS title='My new title']
Then to add images, you’ll set a “Featured” image within the event in the Featured event metabox.
Then, to bold the names, you’ll add the following CSS to your site:
.ee-event-header-lnk {
font-weight: bold;
}
if you’re not sure where to add CSS, then you go to your WordPress > Appearance page, click on “Customize” then add the CSS to the Additional CSS panel.
When an event is created, is there a way sync it to Facebook?
This isn’t currently a feature that Event Espresso offers.
|
|
learnandgo
|
July 9, 2019 at 7:17 am
This reply has been marked as private.
|
|
Tony
|
July 9, 2019 at 7:51 am
Can you link us to the page in question so we can take a look, please?
|
|
learnandgo
|
July 9, 2019 at 9:17 am
Sure….here it is:
https://postcardsfromvalencia.com/exclusive-events-hosted-by-us/
|
|
Josh
|
July 9, 2019 at 9:26 am
Hi,
May I ask is that the page with the [ESPRESSO_EVENTS] shortcode? It actually looks like something made with Divi page builder. I also do not see the title generated by the shortcode, and the event titles are already bold text, so I wonder if that’s the correct URL.
|
|
learnandgo
|
July 12, 2019 at 4:03 pm
This reply has been marked as private.
|
|
Josh
|
July 15, 2019 at 7:53 am
Thank you, the page looks different now and now looks like it’s generated from the shortcode.
You can use this CSS instead to make the event title text bold:
.event-header h2 {
font-weight: bold;
}
|
|
learnandgo
|
July 15, 2019 at 8:02 am
This reply has been marked as private.
|
|
learnandgo
|
July 15, 2019 at 8:03 am
I forgot to include the code I have in custom CSS:
.et_pb_blog_0 .et_pb_post .post-content .more-link { color: #fe7860!important; }
.et_pb_blog_0 .et_pb_po
.event-header h2 {
font-weight: bold;
}
|
|
Josh
|
July 15, 2019 at 8:30 am
Hi,
.et_pb_blog_0 .et_pb_po
.event-header h2 {
font-weight: bold;
}
Isn’t valid CSS. You can remove the .et_pb_blog_0 .et_pb_po part and that will allow the CSS to take affect.
You can add the following to add space above and below the title:
.page-header {
margin: 3rem 0 2rem;
}
|
|
learnandgo
|
July 16, 2019 at 10:42 am
Perfect! You are a genius!!!!
Thank you!
|
|
learnandgo
|
July 16, 2019 at 12:34 pm
This reply has been marked as private.
|
|
Josh
|
July 16, 2019 at 3:59 pm
Hi,
It’s not missing something. The reason that the latter event does not include the ticket quantity selector is because the event is set to only allow 1 registration per transaction. You’ll note that the other event allows up to 2 registrations per transaction, so that event has a selector where they can select one or two tickets. Event Espresso doesn’t include the quantity selector if the only option is 1.
|
|
learnandgo
|
July 17, 2019 at 4:58 am
This reply has been marked as private.
|
|
Josh
|
July 17, 2019 at 7:09 am
Thanks for letting us know that you changed it and now it “looks perfect”.
|
