Support

Home Forums Event Espresso Premium Alter the design

Alter the design

Posted: March 25, 2016 at 4:25 pm


LVLP

March 25, 2016 at 4:25 pm

Hello i am going to make one effort to try get this done. I bought the espresso event package today but i am not really happy with the way to make customisations. I am not a experienced programmer thats the reason.

On the eventtable page you see category box and the search box, i would like to remove those. How do i do this?

How to change the word ‘register’ (i want to change this word because our customers are dutch). Then when you enter the registerform you notice word LOCATION (big) and again under that the word LOCATION is repeated. This is not good, how to change this all? Is this all easy to do or do you need more programming skills to fix this. Because then this is maybe not the right package for me, considering that my programming skills are limited.

Finally how do you change the color of the table, text etc..

I think the events espresso is a good product but the customising is difficult when youre not familiar with altering stylesheets. I hope you can help me solve the things easy. Otherwise i think this is not the right package for me.


Lorenzo Orlando Caum

  • Support Staff

March 25, 2016 at 6:55 pm

Hello,

Update the shortcode on the page to this and be sure to save changes:

[ESPRESSO_EVENTS_TABLE_TEMPLATE category_filter=false table_search=false reg_button_text=”CHANGEME”]

The CHANGEME text in the example above should be changed to the translation for Register in your language.

What color are you wanting the table to be changed to?

On the venue heading appearing twice, you can use this line of CSS to remove it:

.espresso_events h3.event-venues-h3.ee-event-h3 { display:none; }

If your theme has a custom CSS area, then you can add it there.

If it does not, then go to Plugins –> Add New and search for Simple Custom CSS and install and activate it. Then copy and paste the CSS that I shared above there and save changes.

Also, your site appears to have a right-click disable option enabled. Could you temporarily disable that? Its difficult to inspect certain elements using developer tools if we can’t right click.


Lorenzo


LVLP

March 27, 2016 at 1:02 pm

Hi Lorenzo,
Thank you! I changed the inspect mode for right button.
I am sorry but i still have some questions;)

1) I would like to remove the date and author on the event pages, i tried the code you gave : .espresso_events .meta-date, .espresso_events .meta-author {display:none;} but it didn’t have effect and i did refresh.

2) If you look at our site you will notice its black/white blue, so ik would like the table to blend in with black background, white letters and selected events or buttons on hover blue. This also goes for the event page ‘registreer nu’ at the moment the selected color on hover is green, i would like to have the blue like in rest of the site.

3) the color of the button on eventspage ‘registreer nu’ is gray also white would be better.

Thanks for your help!


LVLP

March 27, 2016 at 1:26 pm

Hi Lorenzo,
I would like to make the highlighted picture visible on the eventpage, now when i select a highlighted picture you see nothing on the eventpage. And is it possible to make the eventstable en eventpage responsive? Now when i visit the site on iphone you see half of the table.


LVLP

March 27, 2016 at 1:59 pm

Another question,
When i go true the ticket system some text is still in english.
Here:
http://lonnekevanleth.nl/thank-you/?e_reg_url_link=1-64287e146c382374113fd79b7cfd2025

and here:
http://lonnekevanleth.nl/winkelmandje/#checkout

Also the mail i get with tickets is in english.

Greetz vincent


LVLP

March 27, 2016 at 2:10 pm

And this link you can see its partly english partly dutch:
http://lonnekevanleth.nl/thank-you/?e_reg_url_link=1-328f7b64876a7f4f47ed9fad30f9f429#checkout


Lorenzo Orlando Caum

  • Support Staff

March 28, 2016 at 11:37 am

Hello,

Lets focus on one issue at a time. If you have any new questions that were not already posted here, then feel free to open new support posts for those.

This updated CSS should take care of the date and author name:

.espresso_events .p-meta { display: none; }

Notes on the events table view template

Other than your website’s navigation menu, your website’s links turn green on hover so the events table view template is inheriting that. You can see an example here on your contact page:

http://lonnekevanleth.nl/contact/

The button turns green on a hover.

This updated CSS will change the register buttons to white with black text:

input[type="submit"].ticket-selector-submit-btn, input[type="submit"].spco-next-step-btn { background: #FFFFFF; color: black; }

Please see this page on how to change the language that is in use:

https://eventespresso.com/wiki/how-to-translate-event-espresso/

Messaging in the email notifications will need to be changed through Event Espresso –> Messages. Those are not changed through the translation file.

The titles of your WordPress pages that are used for Event Espresso can be changed through WP-admin –> Pages. Be sure to save changes afterwards.


Lorenzo


LVLP

March 30, 2016 at 6:12 am

Hi Lorenzo,
I would like to change the background color of my table now its white but i would like black with white letters. ALso de lining of the table is white now this may also be black. I tried the code from former threads but they didn’t work also !important;
http://lonnekevanleth.nl/agenda/


Josh

  • Support Staff

March 30, 2016 at 11:49 am

Hi there,

Have you tried this:

#ee_filter_table,
#ee_filter_table tr,
#ee_filter_table tr:hover {
background-color: transparent;
color: #fff;
}


LVLP

March 31, 2016 at 3:16 am

Hi Josh
Yes i tried but nothing is changing


LVLP

March 31, 2016 at 3:21 am

Is there not some kind of plugin to alter these things easily because one change will lead to another. I cant imagine that your company isn’t thinking about something like this. You guys must be overloaded with requests in this matter.
I am using simple css plugin at this moment but i am afraid that when i update my theme al changes will be lost or aren’t they?


Tony

  • Support Staff

March 31, 2016 at 3:30 am

Hi there,

The reason for this is there a syntax error in your CSS – http://take.ms/mKhS7

Within the simple custom css plugin you are using you have this code:

input[type="submit"].ticket-selector-submit-btn, input[type="submit"].spco-next-step-btn { background: #FFFFFF; color: black; }

.footable > thead > tr > th.th-group {

background-color: #00bff3;

background-image: none;

color:#000000;

#ee_filter_table,
#ee_filter_tabletr,
#ee_filter_table

tr:hover {
background-color: transparent;

color: #fff;
}

Theres a missing } above #ee_filter_table to end the previous CSS rule set, it should look like this:

input[type="submit"].ticket-selector-submit-btn, input[type="submit"].spco-next-step-btn { background: #FFFFFF; color: black; }

.footable > thead > tr > th.th-group {
background-color: #00bff3;
background-image: none;
color:#000000;
}

#ee_filter_table,
#ee_filter_tabletr,
#ee_filter_table
tr:hover {
background-color: transparent;
color: #fff;
}

If you update the above it should then work as expected.


LVLP

March 31, 2016 at 4:08 am

Thanks that worked!
In noticed that there is a mix in language on my website, so some is english some is dutch. The default language in wordpress is dutch. But e.g. when you order tickets on our site at: http://lonnekevanleth.nl/blog/events/de-haagse-park-pracht/ you still see english this also is visible here: http://lonnekevanleth.nl/winkelmandje/#checkout
How to change this? Thanks very much!


LVLP

March 31, 2016 at 4:15 am

And also when you checkout:
http://lonnekevanleth.nl/winkelmandje/#checkout
still some english


LVLP

March 31, 2016 at 4:37 am

Hello
I want to allow multiple ticket purchases but don’t need customer to enter the details of each attendee. Is there anyway of disabling the attendee information – I just need the person buying the tickets to enter their details. Is this already possible? This question came from a old thread in 2013. Now when an attendee buys multiple tickets you still see the message:

attendee #2 This ticket type does not require any information for additional attendees, so attendee #1’s information will be used for its registration purposes.

I would like to remove those messages


LVLP

March 31, 2016 at 6:33 am

CAnt find this on the forum. Can ik remove the state option see: http://lonnekevanleth.nl/blog/events/coppelia-10/
We don’t have states in holland and when i fill in nothing i get ‘unknown’


Josh

  • Support Staff

March 31, 2016 at 12:13 pm

Hi there,

I’m not seeing a state option on your site, can you post a screenshot that shows its location?

I would like to remove those messages

You can remove those messages by adding the following to your custom stylesheet:

.spco-attendee-panel-dv:not(:first-of-type) {
display:none;
}


LVLP

April 1, 2016 at 2:19 am

Hi Josh,
I tried this but it doesnt work. If you try to buy tickets on this link and than select multiple tickets from each event in the list then now i will only see the reservation of the first attendee. So not the complete order. http://lonnekevanleth.nl/blog/events/de-haagse-park-pracht/

Concering the screenshot, i cannot send you because the forum has no option for this on my side so i send you the link:
http://lonnekevanleth.nl/blog/events/de-haagse-park-pracht/
When you see this page under adres there is a word ‘Unknown’ this is where state normally is displayed.

Please look at my former questions about the language because (sorry not your fault i know) but getting fed up with altering the design on this level for the 250 dollar i expected less hassle. So this is my last effort, as you can see i’ve been busy al lot. Some of my request are pretty common i think, if you want to sell your product internationally than it should function properly not half is my opinion. I hope you can help fix these things after this i will ask a refund because than it is just not right for us.


Tony

  • Support Staff

April 1, 2016 at 4:09 am

I am using simple css plugin at this moment but i am afraid that when i update my theme al changes will be lost or aren’t they?

If you are adding the css changes to a custom plugin, no they will not be lost if update your theme. If you change themes you may find the classes your are targeting have changed and will need updating.

I tried this but it doesnt work. If you try to buy tickets on this link and than select multiple tickets from each event in the list then now i will only see the reservation of the first attendee. So not the complete order.

Currently the method Josh provided is the only way to remove those additional boxes, you can have the only primary registrant or all shown.

Concering the screenshot, i cannot send you because the forum has no option

For screenshots you’ll need to host the image and post the link here, we have some options available here:

https://eventespresso.com/wiki/troubleshooting-checklist/

When you see this page under adres there is a word ‘Unknown’ this is where state normally is displayed.

You can fix that using a function to tell Event Espresso which format it should use, you can use the function shown here:

https://gist.github.com/lorenzocaum/5e2658a1f7e7a9a6b5c0

and you can place that either within your themes functions.php file or a Site Specific Plugin.

Please look at my former questions about the language

Have you downloaded the latest versions of the translations from glotpress and uploaded them to /wp-content/uploads/espresso/languages/?

I’m sorry your fed up making customization’s however note that the majority of the issues you have mentioned are due to your theme, not Event Espresso. As EE events are custom post types the output for those posts is controlled completely by your theme, we simply hook in at the correct time and inject the additional details. There is very little we can control within the theme to prevent the problems you have mentioned above.

Some of my request are pretty common i think, if you want to sell your product internationally than it should function properly not half is my opinion.

The plugin does function properly, its impossible for us to support every possible use case, when you don’t like the default EE output we provide options to alter the output to how you prefer. However note that depending on what you want to customize you may also need to be proficient in HTML, CSS and PHP.

If you are referring to the missing translations, the plugin is translated via the community through out GlotPress project here:

https://translate.eventespresso.com/projects/event-espresso-4

You are invited to add any translations you see fit.

I hope you can help fix these things after this i will ask a refund because than it is just not right for us.

If you would still like to request a refund you can do so here:

https://eventespresso.com/request-a-refund/


LVLP

April 1, 2016 at 5:44 am

Hi Tony,
Thank you for your help. Sorry for all my questions and remarks i just want it to get going. I don’t think your product is a bad one but some things are just not easy to tackle. But i think i am almost there i have two last questions and if this doesn’t work than maybe it is better for me to find another solution.

The language problem.
I would like to upload the file for language to the folder you suggested but on my ftp server in the folder :/wp-content/uploads/espresso/languages/ the subfolder languages does not exist! I could create it but the fact that its not there tells me that somethings wrong.

Attendee problem
As you told me the boxes cant be removed its either one attendee or all. I can life with that but is it possible to still be one attendee and go to our event and purchase tickets for multiple times See this link: http://lonnekevanleth.nl/blog/events/de-haagse-park-pracht/
So attendee #1 orders tickets for boot1/boot2/boot3
I mean that should be possible right?

Thanks for your patience!


LVLP

April 1, 2016 at 5:51 am

I see now that at the checkout i CAN see the total of attendee#1’s order.
Its just the attendee information page that gives only the order of attendee#1. But that will be confusing for our customers of course, is there a way to tackle that? by not showing the attendee informationpage for example? And directly show the checkout?


LVLP

April 1, 2016 at 5:55 am

Or better only remove details on the attendee information page


Tony

  • Support Staff

April 1, 2016 at 6:43 am

The language problem.
I would like to upload the file for language to the folder you suggested but on my ftp server in the folder :/wp-content/uploads/espresso/languages/ the subfolder languages does not exist! I could create it but the fact that its not there tells me that somethings wrong.

What makes you think something is wrong?

Manually create the directory and place the file within there. You will now if you have problems with permissions if the new translation file can not be read.

As you told me the boxes cant be removed its either one attendee or all. I can life with that but is it possible to still be one attendee and go to our event and purchase tickets for multiple times See this link: http://lonnekevanleth.nl/blog/events/de-haagse-park-pracht/
So attendee #1 orders tickets for boot1/boot2/boot3
I mean that should be possible right?

Yes its still possible, all you are doing is hiding the extra information, it won’t effect the registration.

I see now that at the checkout i CAN see the total of attendee#1’s order.
Its just the attendee information page that gives only the order of attendee#1. But that will be confusing for our customers of course, is there a way to tackle that? by not showing the attendee informationpage for example? And directly show the checkout?

I’m not sure what you mean, if you skip the attendee information step how would some ‘register’ onto the event, they wouldn’t be able to provide details.

Can you add a screen shot showing which section you mean please?


LVLP

April 1, 2016 at 8:44 am

Hi Tony here’s the screenshot.
Is it possible to hide the detail in the red rectangle?
http://lonnekevanleth.nl/wp-content/uploads/2016/04/Schermafbeelding-2016-04-01-om-16.36.jpg
thank you


Tony

  • Support Staff

April 1, 2016 at 8:56 am

Oh, sorry, I see.

Yes, you can use:

.spco-attendee-panel-dv .spco-ticket-info-dv {
    display: none;
}

That looks like this – http://take.ms/9uTiW

Is that what you are looking for?


LVLP

April 2, 2016 at 1:35 pm

Hi Tony, that did the trick thanks!
Now about the language files, i made the directory, i uploaded the latest files, but…Look at this link please: http://lonnekevanleth.nl/winkelmandje/#checkout

There is still english. I tried to translate this for you guys but its an 500 page file. I tried to search the word attendee (example) but couldn’t find the right word. So may i give you the translation of the words?

attendee = deelnemer

In order to process your registration, we ask you to provide the following information.Please note that all fields marked with an asterisk (*) are required. = Om uw registratie te voltooien vragen wij u om de volgende informatie. Let op alle velden gemarkeerd met een * moeten worden ingevuld.

Payment options = Betalingswijze

Proceed to payment options = Ga verder naar betalingswijze

Next page: http://lonnekevanleth.nl/winkelmandje/#checkout

Registrations = Registraties
Name and description = Naam en beschrijving

Important information regarding your payment = Belangrijke informatie met betrekking tot uw betaling

After clicking ‘Finalize Registration’, you will be forwarded to iDeal/Mollie to make your payment. Make sure you return to this site in order to properly finalize your registration. = Na betaling afronden word u doorgestuurd naar Ideal om uw betaling verder af te handelen, hierna keert u terug naar het betalingsformulier.

Proceed to finalize payment = Betaling afronden

last page: http://lonnekevanleth.nl/thank-you/?e_reg_url_link=1-16b51cb64eff967179de69cc801b1a71#checkout

Thank you = Dank voor uw besteling

Congratulations = gefeliciteerd

Your registration has been successfully processed.
Check your email for your registration confirmation or click the button below to view / download / print a full description of your purchases and registration information. = Uw bestelling is succesvol verlopen. Wij hebben een bevestiging van uw bestelling naar uw email adres gestuurd. Hieronder vindt u een overzicht van uw bestelling.

View full order confirmation receipt = Bekijk de bevestiging van uw bestelling

By the way my language is set to dutch in wordpress and theme so the missing translation must come from event espresso.
thanks


LVLP

April 4, 2016 at 4:29 am

Hi Tony,
Are my translations already processed in the new po and mo files?


Tony

  • Support Staff

April 5, 2016 at 4:30 am

Hi there,

I have not added your translations to the GlotPress project, there are already translations for most of your strings:

https://translate.eventespresso.com/projects/event-espresso-4/nl/event-espresso-nl_NL

However, if the are not loading then the translation file may not be loading from /wp-content/uploads/espresso/languages/

Can you take a screenshot of the files in that directory so I can check them please.


LVLP

April 5, 2016 at 12:58 pm

Hai Tony,
Heres the link:
http://lonnekevanleth.nl/wp-content/uploads/2016/04/Schermafbeelding-2016-04-05-om-20.50.17.png

But i saw this folder:
http://lonnekevanleth.nl/wp-content/uploads/2016/04/Schermafbeelding-2016-04-05-om-20.50.40.png

Isn’t that the folder that you mean? But then there are already a po and mo file there.


Tony

  • Support Staff

April 5, 2016 at 1:26 pm

Isn’t that the folder that you mean? But then there are already a po and mo file there.

No that’s /wp-content/languages/

That’s not where Event Espresso will check for language files.

In this screenshot:

http://lonnekevanleth.nl/wp-content/uploads/2016/04/Schermafbeelding-2016-04-05-om-20.50.17.png

The filename is incorrect, it should be:

event-espresso-4-nl_NL.po
event-espresso-4-nl_NL.mo

The support post ‘Alter the design’ 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