Support

Home Forums Event Espresso Premium Alignment in View Cart-Updated

Alignment in View Cart-Updated

Posted: April 18, 2024 at 10:00 pm


JacqK

April 18, 2024 at 10:00 pm

Hello

We are updating to the latest EE5 and would be grateful for some additional CSS to help with the cart – see the screen shot below.

The numbers in the right hand side of the View Cart are splitting on to the next line – hoping you can provide some easy code to fix.

Would be grateful if yo could also provide css to hide the line **indicates an item that is required and must be purchased

The site in this form is currently hosted on a staging server – I can provide credential if need be

Regards
Joe


Rio

  • Support Staff

April 18, 2024 at 11:39 pm

This reply has been marked as private.


JacqK

April 19, 2024 at 2:28 am

This reply has been marked as private.


Rio

  • Support Staff

April 19, 2024 at 8:32 am

This reply has been marked as private.


JacqK

April 19, 2024 at 1:28 pm

Thanks Rio

Are u you also provide css to stop the number amounts in the cart splitting to the next line?

Joe


Rio

  • Support Staff

April 19, 2024 at 7:17 pm

Hello,

Can you give me screenshot of it, I didn’t see that happen on your events. Tell me the screen size too.

Thanks


JacqK

April 19, 2024 at 9:15 pm

This reply has been marked as private.


JacqK

April 19, 2024 at 9:31 pm

This reply has been marked as private.


Rio

  • Support Staff

April 19, 2024 at 11:01 pm

This reply has been marked as private.


JacqK

April 20, 2024 at 12:24 am

This reply has been marked as private.


Rio

  • Support Staff

April 21, 2024 at 6:26 pm

This reply has been marked as private.


JacqK

April 22, 2024 at 9:53 pm

This reply has been marked as private.


Sam

  • Support Staff

April 23, 2024 at 1:12 am

Hi Joe,

You can try this CSS in your Additional CSS to adjust that:

.spco-ticket-details td {
    word-break: normal;
}

Hope that helps.

Thank you.


JacqK

April 23, 2024 at 1:23 am

Thanks Sam

That seems to have worked for the page with the form (ie the page after you click “Proceed to Registration” – the second link above), but not the “View Cart” page.

Joe


Sam

  • Support Staff

April 23, 2024 at 3:57 am

Hey Joe,

You can replace the previous code with this for a better result:

.spco-ticket-details td, .event-cart-tbl td {
    word-break: normal;
}

Hope that helps.


JacqK

April 23, 2024 at 8:53 pm

This reply has been marked as private.


Sam

  • Support Staff

April 24, 2024 at 2:10 am

Hi Joe,

1. You can use this CSS title font, you can try this CSS to adjust that:

.spco-attendee-panel-dv h4.big-event-title-hdr {
    font-size: 20px;
}

2. Regarding the star sign in the cart that requires editing core/adding codes. Please let us know if you are comfortable with that so that we can help you better with the exact path.

Thank you.

You must be logged in to reply to this support post. Sign In or Register for an Account

Event Espresso