Support

January 12, 2016 at 4:52 am

You can do that using CSS.

The button has a class of ‘ticket-selector-submit-btn’ so you can add some CSS to change the style to however you prefer using that.

For example floating the button to the left rather than the right:

.ticket-selector-submit-btn {
    float: left;
}

I’m not sure how else you want to change the button but you can continue to add styles to that selector above.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

January 12, 2016 at 5:07 am

With Reaktiv you add your styles and click ‘Save CSS’ – http://take.ms/n7mcH

You could try something like:

.ticket-selector-submit-btn {
    float: left;
    padding: 25px 75px;
    font-size: 16px;
    font-weight: bold;
}

But it really depends on what your are looking for.

January 12, 2016 at 6:32 am

You wouldn’t do that with CSS.

CSS adds styles to the elements within the page, so you want to change the text within the element before its loaded.

The easiest way to do that is to translate the text, I recommend using the custom function shown here:

https://eventespresso.com/wiki/how-to-change-wording-with-poedit/#custom-function

You can add that to a Site Specific Plugin and then translate the string ‘Register Now’ to ‘Book Now’, like this:

function mycustom_filter_gettext( $translated, $original, $domain ) {
 
    // This is an array of original strings
    // and what they should be replaced with
    $strings = array(
        'Register Now' => 'Book Now',
        // Add some more strings here
    );
 
    // See if the current string is in the $strings array
    // If so, replace its translation
    if ( isset( $strings[$original] ) ) {
        // This accomplishes the same thing as __()
        // but without running it through the filter again
        $translations = get_translations_for_domain( $domain );
        $translated = $translations->translate( $strings[$original] );
    }
 
    return $translated;
}
 
add_filter( 'gettext', 'mycustom_filter_gettext', 10, 3 );

January 12, 2016 at 7:23 am

You’re most welcome, did you get it working?

If your not sure of the above I can provide some additional details.

January 12, 2016 at 7:33 am

The first step is create a site specific plugin, this is basically just a blank plugin that you can place any custom functions for that within.

You do that by following the steps here: Site Specific Plugin

Once you have that, you can just add that function I provided above to that plugin. That function will translate ‘Register Now’ to ‘Book Now’.

I can place that code into an example plugin if you prefer? however you’ll get a better understanding of what is happening if you follow the link and create it yourself.

January 12, 2016 at 8:12 am

There’s 2 ways for that.

The Event Grid uses the strig ‘Register Now!’ which can be added to the function above (not the ! makes this a different string)

So you would add that string within the $strings array, meaning this:

$strings = array(
    'Register Now' => 'Book Now',
    // Add some more strings here
);

becomes this:

$strings = array(
    'Register Now' => 'Book Now',
    'Register Now!' => 'Book Now',
    // Add some more strings here
);

(Original string to change on the left, translated string on the right)

OR

The [ESPRESSO_GRID_TEMPLATE] takes the ‘button_text’ parameter that allows you to change the text:

[ESPRESSO_GRID_TEMPLATE button_text="Book Now!"]