|
worldlegacy
|
May 26, 2016 at 10:54 pm
Hi, I’m using [ESPRESSO_EVENTS] on my homepage, but I want to change the order and formatting of the events being listed. For example, I don’t want the featured picture first. I want it to be square, next to the content. How do I do this? I wasn’t sure if I need to us a custom template, a custom post, or just css.
|
|
Tony
|
May 27, 2016 at 3:41 am
Hi there,
You can use either a custom template specifically for the shortcode output or CSS to do the above.
Is the shortcode in use on the page currently?
|
|
worldlegacy
|
May 27, 2016 at 11:46 am
Yes, http://legacycentergrads.org/wordpress/rob/. We have been going back and forth on the design. But, here are my questions in order of importance:
1. How do you remove the “Upcoming Events” title?
2. I want to control the spacing between…
a. The title and content
b. The content and event espresso button
c. Each event
3. How do you make the featured image a square next to the content?
4. What file do I need to use to make a custom template for the short code?
|
|
Tony
|
May 31, 2016 at 2:38 am
1. How do you remove the “Upcoming Events” title?
You can set the title attribute for the shortcode to " ", for example:
[ESPRESSO_EVENTS title=" "]
2. I want to control the spacing between…
a. The title and content
b. The content and event espresso button
The styling of the page can be done using CSS.
I’m assuming you mean the event title as you want to remove the page title?
This targets the event title:
.event-header .entry-title {
margin: 0;
}
This targets the event content:
.event-content {
margin: 0;
}
c. Each event
Each event has an artcile id of ‘post-{id}’ so you can target each on indivudually. I’m using Chrome Dev Tools to find each element – http://take.ms/u1npl
3. How do you make the featured image a square next to the content?
Currently EE pulls in the ‘large’ version of the feature image and output that.
To change this you can look within the \event-espresso-core-reg\public\Espresso_Arabica_2014\content-espresso_events-thumbnail.php to see how the template is created.
(Do not edit the file directly there. You will need to create your own template from that file and place it within your themes root directory)
4. What file do I need to use to make a custom template for the short code?
The template file used for that shortcode is:
\event-espresso-core-reg\public\Espresso_Arabica_2014\content-espresso_events-shortcode.php
Copy that file and place it within your themes root directory (you should be using a child theme at this point) and then make your changes within that file.
|
