Support

September 22, 2022 at 2:06 am

Something like this:

.event-cart-total-row-sub-total {
    line-height: 1.2em;
    height: 4em;
}

Will add spacing to the subtotal.

Wrt to the checkout page, is this what you are looking for?

#event-cart-total-row {
    line-height: 1.4em;
    height: 4em;
    width: 50%;
    display: table-cell;
}

September 22, 2022 at 4:47 am

Sorry, meant to add that into the last reply, I would use something like this:

#spco-payment-info-table .item .item_l:first-of-type {
    visibility: hidden;
}

September 27, 2022 at 4:06 am

Adding a border to all tables or just the cart table?

All tables:

table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

Specifically the cart table:

#event-cart-wrap-dv table,
#event-cart-wrap-dv th,
#event-cart-wrap-dv td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

If you are adding borders you’ll likely find you’ll need to change the previous CSS I gave you so that the spacing doesn’t alter how the cells look for the event name.

October 3, 2022 at 4:14 pm

Do you mean something like this?

#spco-payment-info-table thead .jst-cntr {
    text-align: right;
}

October 4, 2022 at 4:32 am

You’re most welcome 🙂

October 12, 2022 at 7:03 am

Some of the information in the cart is now cut off – see the below screen shot:

https://monosnap.com/file/n1aI4TZufJkSO2mtlGsZ9DPjsbJfQK

I’m not sure why PHP8 would cause that, its from some CSS on the event cart setting a min width and the content having an overflow of hidden.

Adding this should fix it:

#event-cart {
    min-width: initial;
}

We set the ticket to required and using CSS in previous posts, hid this message in the ticket selector, but would also be grateful for CSS that could hide the message in the cart

Sure:

.event-cart-required-items-notice {
    display: none;
}

And hoping to get more space between columns in this checkout page:

Like this?

#spco-payment-info-table {
    width: 100%;
}

October 19, 2022 at 4:22 am

* On the thank you page after checkout, hoping we can make the “View Invoice” bold and a little larger.

.ee-invoice-lnk {
    font-size: 1.5em;
    font-weight: 700;
}

could it be related to all the Css we have or something else

No. CSS doesn’t slow down a site, at least not with processing requests.

You are waiting for the server to process the request and return a response, generally if that’s slow, its due to the server itself.

we are currently testing EE4 without having migrated the current database we have in EE3, which is quite large

It should do BUT… the question I would ask here is do you NEED all of that data within EE4?

The reason I ask is what we some users do is basically archive EE3 to keep their historical data and move forward with a fresh version of EE4.

October 27, 2022 at 7:06 am

Hi Joe,

Can you link me to an event I can view this on, I’ll see what I can do.

It’s a little more tricky to do this one is separate table rows, can be done with margins but then may be a little more ‘brittle’ on other devices, but we’ll see.

November 2, 2022 at 10:02 am

I think its time for a change of angle here, hacking up the table with CSS to move stuff around will eng up fragile.

So rather than do that, remove the CSS you are using to hide the ticket description, hide the event row and replace the ticket description with the event name:

CSS using something like:

#event-cart-total-row {
    display:none;
}

Then add a snippet like this:

https://gist.github.com/Pebblo/ed134f805973770e53b7506d50664b0a

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/

To output something like this: https://monosnap.com/file/p1M8w4VAABmqaFHdA8Vbhh0ZY9hIuX

(That screenshot is taken from one of my test sites, but you should get a similar output)

November 14, 2022 at 4:50 am

Hi there,

My apologies, I missed your reply in your asking for this and have merged your threads together.

To hide that section in the ticket selector you can use:

.tkt-slctr-tbl-wrap-dv > p {
    display: none;
}

Hiding that section in the registration form isn’t as easy as we don’t have an selector specific for that text.

Will changing it to ‘GST’ still work?