Support

January 11, 2023 at 1:11 pm

Hi there,

Apologies but I don’t follow what you are trying to do, can you add a screenshot showing the sections?

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

Apologies, it’s likely me just having a moment here but I’ve gone over your post 3 times and it’s just not sinking in.

January 11, 2023 at 3:16 pm

Right… ok! Makes sense now. Again, my apologies.

The simplest option is to disable the address fields on the Stripe payment method form.

Event Espresso -> Payment methods -> Stripe

Set ‘Collect the user’s billing address?’ to No.

EE will not longer request the billing address for Stripe.

However, that’s the sledgehammer approach and I’m aware you likely want to collect those details for the payment.

—-

I need to clarify the sections regarding the state input, the section you are editing here:

https://justthetick.et/events/wp-content/uploads/2023/01/screenshot-2.jpg

Is the ‘Address Information’ question group shown on the registration form. The state field you are trying to remove is from the Stripe payment method Billing Form, they aren’t the same sections so change you make to the reg form question group don’t apply to the Billing Info form (you may only collect say Address line 1 on the registration form but your payment method my require the full address, which is why they aren’t tired together).

We don’t have a section used to edit the Billing info form specifically and to give some context, some payment methods require X,Y,Z fields, others maybe Z, or X, or only Y and Z and not Z. So each payment method handles the sections it requires within its own billing form.

Now, there’s a hook available which allows you to change those and remove them. We allow for it via code as it’s then expected for whoever changes those fields to manage what the payment method does and does not require etc.

Normally I would give you a snippet showing how to do this, however, during testing this I’ve discovered a bug in the Stripe payment method which causes a fatal error if you remove the state field. It’s either a bug or the code was set that way because the state field is required.

I have created a ticket for our developers to investigate this further but for now it means the only option you have to remove those fields is to disable the billing address fields mentioned above.

January 11, 2023 at 4:28 pm

Have you any idea why that would be and is there an easy way to make it all a bit more uniform? (worried people might be reluctant to enter details to a slightly uneven looking form)

Hmm little more complicated (you basically just need some additional CSS.

The reason they are different is the card section is actually loading from Stripe, it’s their styling applying to those 3 fields. Its called Stripe ‘elements’ in that each individual input (aka element) loads from Stripe itself an the reason for that is it means the card details are input directly to Stripe themselves and not to your server to then be sent to Stripe….. it lowers your PCI Compliance levels but means the styling is controlled by Stripe.

Can you link me to an event I can run a test registration on to view the fields?

As the next challenge just before being in a position to go live with our site are you also able to point me towards threads showing how to edit the text instructions at the top of the registration pages please?

This needs to be done via code and I’ll give you and example of how to do it via a snippet.

What change are you looking to make?

January 11, 2023 at 4:57 pm

You’re most welcome 🙂

I assume you’ve managed to change the text to what you wanted?

January 12, 2023 at 7:40 am

Though it appears that this forum post will solve the problem it actually appears out of date, the input box mentioned changes the attention box below the “Important information regarding your payment” text

On reflection just removing the “Important information regarding your payment” would probably be the best solution for me

That forum post is correct for changing this text:

https://monosnap.com/file/9ENSgnIb7BtdXSEAhYLt7YxEjl6ghb

Setting the header size of the text above can be done with some CSS:

.spco-payment-method-hdr {
    font-size: 1.5em;
}

You can hide th header and description if preferred using:

.spco-payment-method-hdr,
.spco-payment-method-desc {
    display: none;
}

On the Thank you confirmation page the headers for each section (registration details / payment overview) are massive, I know they are H3 but I cant see a way to alter those using css, I would just like them smaller if that’s possible please

Can you either enable the Invoice payment method so I can finalize a registration to view the thank you page…

Or, post a link to the thank you page for one of your test registrations so I can view it through that (you can mark your reply private so only EE staff can view it)

And one last thing thats a bit annoying.. On the stripe entry form again there is a 1 pixel coloured border that comes up around the last box I was active in when the cursor is moved to another part of the form. I can see that the colour it is showing (in my case bright green) is a default original colour from my theme (its not used anywhere else on the site as I changed all of these out from the theme early on) its barely noticeable but in the aims of getting the perfect site I’d like to change this to a dark blue if possible

Sure, but which blue?

This removes it:

#ee-single-page-checkout-dv .ee-has-value {
    border-color: unset!important;
}

But you can set the colour to whatever you prefer there.

January 13, 2023 at 2:45 pm

I was just wondering if its possible to seperately bold the ticket / qty / price title row…

So just making the headrs bold?

You’re explicitly setting those to be lightly already within reaktiv custom CSS?

at the top and then maybe change the colour of the price text running downwards in the column, just to make it look a bit more substantial.

Same here, there is custom CSS to do the opposite of the above?

Also is there a code to stop the GBP currency code being displayed in brackets after every price?

Sure, you need:

add_filter('FHEE__EEH_Template__format_currency__display_code', '__return_false');

You can add that to a custom functions plugin on your site, we have some documentation on creating one here:

https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/

January 18, 2023 at 7:41 am

Ok, so I’m not 100% sure I follow what you’re looking to do, but I’ll explain how to break down the CSS rules and can help you from there.

You said you wanted to separate out the commands, so what you have now is:

.tkt-slctr-tbl th, 
.tkt-slctr-tbl tr td, 
.tkt-slctr-tbl tr td strong {
    font-family: BuenosAires-Regular, Arial, !important;
    font-size: 20px !important;
    font-weight: lighter !important;
    line-height: 24px !important;
}

The , in the selectors allows you ‘chain’ selectors together, so the above is the same as this:

.tkt-slctr-tbl th {
    /* styles */
}
.tkt-slctr-tbl tr td {
    /* styles */
}
.tkt-slctr-tbl tr td strong {
    /* styles */
}

But when the styles for all of them are all the same you group them together and separated out with a comma.

I added the lighter code using advice from some other forum posts in order to remove the bold from all of the text in the table. It is set as bold as standard for all the text but really i would just like it from the top ticket down

I don’t follow this sorry, so you want the headers bold but the ticket rows not?

And then the colour change for the price column down if poss, that would be pretty swish

Down? Can you take a screenshot and show what you are trying to do please?

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

Sorry but I also need to add code which will allow me to add [inc BF] either after the ‘price’ text in the header or actually in place of the currency code which you just so wonderfully gave me the code to remove would probably work better

You can’t add it in place of the currency code, but the header is possible, I’ll put together a snippet for this.