Formatting the "RSVP" header in single events

Home Forums Calendar Products Events Calendar PRO Formatting the "RSVP" header in single events

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1245365
    Adrian
    Participant

    Clients are not finding the RSVP section on our site. Can we format the RSVP in an Event to emphasise it, either by increasing the font size and change color and / or adding in an icon

    Thanks
    Adrian

    #1246226
    Geoff
    Member

    Hi Adrian,

    Thanks for getting in touch!

    Yes, you can absolutely adjust the RSVP header on the single event post to emphasize it.

    You mentioned increasing the font size. You can achieve this by adding some CSS to either your style.css file or on the Appearance > Customize > Additional CSS screen. For example:

    .tribe-events-style-full.tribe-events-style-theme h2.tribe-events-tickets-title {
    font-size: 24px; /* or whatever size you would like */
    }

    Another thing to keep in mind is that there is a setting to change the location of the RSVP form. If you navigate to Events > Settings > Tickets, there are a few different options in the setting for “Location of the RSVP form.” You can move the form higher on the page to make it more noticeable:

    Does this help answer your question? Please let me know. 🙂

    Cheers!
    Geoff

     

    #1246344
    Adrian
    Participant

    Hi Geoff,

    That worked great, thanks!

    How would I change the title from *RSVP* to *RSVP here!,* or can I add in
    an image or icon?

    Thanks for your help

    #1246515
    Geoff
    Member

    Hi Adrain,

    Awesome, so glad that helped!

    I think the best way to change the RSVP title and add an icon is to override the template file altogether.

    We have a Themer’s Guide that provides instructions for template overrides, but it basically boils down to this:

    • Make a copy of the rsvp.php template. It is located at wp-content/plugins/event-tickets/src/views/tickets/rsvp.php
    • Make a new folder in your theme directory called tribe-events
    • Make a new folder in that one called tickets
    • Drop your copied rsvp.php file in that last folder

    Now that the template is in your theme, you can modify it to suit your needs. In this case, change the RSVP header (Line 24) to anything you would like and add your markup for an icon next to it.

    Does this help answer your question? Please let me know. 🙂

    Cheers!
    Geoff

    #1257389
    Support Droid
    Keymaster

    Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

    Thanks so much!
    The Events Calendar Support Team

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Formatting the "RSVP" header in single events’ is closed to new replies.