Support

August 25, 2021 at 5:04 am

Hi Stephanie,

Can someone please confirm the info needed to move forward? Per the article, I was using .ticket-selector-submit-btn

That .ticket-selector-submit-btn class targets the ticket selector submit button which is the ‘Register now’ or ‘View Details’ button.

To style the checkout buttons you’ll need the classes shown from section 3 of that article. Now, it shows:

#spco-go-to-step-finalize_registration-btn to specifically target the ‘Finalize Registration’ button (you current ticket is free so make no difference right now, but if you start charging for tickets another button is shown, which wont then be targeted) which is great if you want to specifically target just that button, but personally, I would use:

.ticket-selector-submit-btn,
.ticket-selector-submit-btn-wrap,
.spco-next-step-btn {
    background-color: #ffffff;
    font-family: ‘Playfair Display’, Georgia, Times, Times New Roman, serif;
    font-weight: normal;
    font-size: 18px;
    color: #552448;
    padding: 5px;
    border-style: none;
    border-width: 0px;
}

(Which combines your ticket selector styles with the Single Page CheckOut, SPCO for short, styles in a single step).

Also, I can’t seem to get rid of the left hand grey border which shows on all the registration pages? (Shown on left hand side of that screenshot)

That’s a bit odd, it looks like some inline styles have been added for it but I’m not sure where from.

You can hide it on that specific page (incase it is actually used somewhere else) using this CSS:

.page-id-6500 #main-content .container:before {
    display: none;
}

September 1, 2021 at 3:04 pm

Hi Stephanie,

Just removing the .page-id-6500 from the CSS selector should do it:

#main-content .container:before {
    display: none;
}