Support

Home Forums Event Espresso Premium Submit button color in a iframe embed code

Submit button color in a iframe embed code

Posted: August 30, 2018 at 7:53 am

Viewing 5 reply threads


Nodal

August 30, 2018 at 7:53 am

Hi,
I would like to change the color of the submit button of the ticket selector display in my site with an embed code.

The button is orange and I will like it to be the same color as the other button of the site.
I already use a custom plugin to customize Event Espresso.
Here are the code included in my custom plugin:
<?php
/*
Plugin Name: personnalisation
Description: Site specific code for melanie-bilodeau.com
*/
/* Begin Adding Functions Below This Line; Do not include an opening PHP tag as this sample code already includes one! */
add_filter( ‘FHEE__EEH_Template__format_currency__display_code’, ‘__return_false’ );
add_action( ‘FHEE__ticket_selector_chart_template__per_ticket_bundle_text’, ‘ee_custom_messaging_per_ticket_bundle_text’ );
function ee_custom_messaging_per_ticket_bundle_text() {

return ‘ Total.’;
}
/* Stop Adding Functions */

What do I have to add to change the button color in the iframe ?
Thanks


Nodal

August 30, 2018 at 7:59 am

Hi,
I would like to change the color of the submit button of the ticket selector display in my site with an embed code.

The button is orange and I will like it to be the same color as the other button of the site.
I already use a custom plugin to customize Event Espresso.
Here are the code included in my custom plugin:
<?php
/*
Plugin Name: personnalisation
Description: Site specific code for melanie-bilodeau.com
*/
/* Begin Adding Functions Below This Line; Do not include an opening PHP tag as this sample code already includes one! */
add_filter( ‘FHEE__EEH_Template__format_currency__display_code’, ‘__return_false’ );
add_action( ‘FHEE__ticket_selector_chart_template__per_ticket_bundle_text’, ‘ee_custom_messaging_per_ticket_bundle_text’ );
function ee_custom_messaging_per_ticket_bundle_text() {

return ‘ Total.’;
}
/* Stop Adding Functions */

What do I have to add to change the button color in the iframe ?
I do not want to use shortcode because it is not responsive enough. It causes problems on mobile devices.
Thanks


Tony

  • Support Staff

August 30, 2018 at 10:16 am

Hi there,

Whilst it is possible to add some CSS to the iframe output to style the button, you would generally run into more problems with an iframe than you would with the shortcode, especially with regards to being responsive.

May I ask what problems you run into on mboile when using the shortcode?

Your theme may be applying styles that we can override to make it work better for you.


Nodal

August 30, 2018 at 10:42 am

I’m using the iframe in the plugin “Eventon”. Here the page:
https://melanie-bilodeau.com/evenements/
When you click on a event, the details popup, then you scroll down and you will see the ticket selector.
In the event of 29 sept. I use the shortcode and in the event of 26 Oct I’m using the iframe. The difference is the name of the tickets.

When using the shortcode, the name of the tickets stay in one row, so when the name is too long, the client cannot see the quantity selector. They have to turn their phone to be able to see it and many clients do not turn their phone, so they write to the support team for help. It is very time consuming.

But when I use iFrame, the ticket’s name go on many rows, so all the selector fit on the screen.

For the moment, I’m using Avada theme, but soon I will change it for Astra.

Thanks


Tony

  • Support Staff

August 30, 2018 at 10:58 am

That’s actually from styles included in Avada that prevent the ticket selector table from being responsive.

You can add the styles listed here to fix that:

https://gist.github.com/joshfeck/c391f560acdb7fdc9235

You can add those to Appearance -> Customize -> Additional CSS


Nodal

August 30, 2018 at 11:17 am

Yes, it fixed the problem with the shortcode.
Thanks !


Tony

  • Support Staff

August 30, 2018 at 1:08 pm

You’re most welcome.

Viewing 5 reply threads

The support post ‘Submit button color in a iframe embed code’ 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