|
Omar Ead
|
June 11, 2015 at 2:03 am
Hi,
I am using event espresso shortcode for displaying events on the bases of category slug but when I viewed the page it’s design is a mess. I want to modify the style and template so can you tell me how can I do that (which event espresso file is responsible for displaying the category slug shortcode template )
Thank you
|
|
Tony
|
June 11, 2015 at 2:44 am
Hi Omar,
Can you post up the shortcode you are using please?
Can you post some details on what parts of the design is a mess, or maybe link us to the page? Event Espresso uses your sites theme and injects the event details into the content so it depends on what parts of the page are causing problems.
|
|
Omar Ead
|
June 11, 2015 at 4:02 am
Hi Tony,
I am using this shortcode [ESPRESSO_EVENTS category_slug=”free-events”]
The page link is :
http://digitalblocks.me/dev/event-espresso-short-code/
I want the images to be on the left side (width 200px) while the right side have the event title and view details will be replaced by Book now (will be having a different styling )
|
|
Lorenzo Orlando Caum
|
June 11, 2015 at 10:52 am
Hi Omar, here are two resources for working with the starter templates for Event Espresso 4:
https://gist.github.com/lorenzocaum/0a35fe4997992fdb1dc5
https://eventespresso.com/2014/02/developers-corner-theming-event-espresso-4/
The [ESPRESSO_EVENTS] shortcode uses the event listings archive template.
—
Lorenzo
|
|
Omar Ead
|
June 15, 2015 at 12:56 pm
Hi Lorenzo,
Thanks for your help regarding templates
|
|
Omar Ead
|
June 15, 2015 at 12:59 pm
Hi Lorenzo,
on category event page i can see the view details button and on the event page the register now button, how can i change the text of these buttons without jumping into the event espresso code.
Thank you
|
|
Omar Ead
|
June 15, 2015 at 1:05 pm
and also if i want to restyle these buttons how would i do that
|
|
Lorenzo Orlando Caum
|
June 15, 2015 at 1:27 pm
Hi Omar, have you tried any of these solutions:
https://eventespresso.com/topic/change-action-button/#post-141922
For the styling, you could use CSS to change the appearance for the buttons. Here is an example that you could use:
.ticket-selector-submit-btn {
border-top: 1px solid #96d1f8;
background: #65a9d7;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
.ticket-selector-submit-btn:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
.ticket-selector-submit-btn:active {
border-top-color: #1b435e;
background: #1b435e;
}
—
Lorenzo
|
|
Omar Ead
|
June 16, 2015 at 7:48 am
Hi Lorenzo,
The custom function on this page
https://eventespresso.com/wiki/how-to-change-wording-with-poedit/
can be used for EE4? (for changing view details to book now)
Thank you
|
|
Lorenzo Orlando Caum
|
June 16, 2015 at 9:24 am
Hi Omar, it is wrapped in a language domain so the messaging could be changed by using a gettext filter.
—
Lorenzo
|
