Support

Home Forums Event Espresso Premium spacing problem with quantity price total

spacing problem with quantity price total

Posted: January 20, 2016 at 6:37 pm


David Dadekian

January 20, 2016 at 6:37 pm

When going to the Event Cart or Registration Page for any event on my site the quantity, price and total numbers are all squished together, instead of spaced out under the words QTY PRICE TOTAL. For example:

General Admission, all-inclusive: (For Eat 2$140.00$280.00
Drink RI Festival 2016 / Dinner by Dames)

I’m guessing it may be because my ticket name and event name are long enough to wrap onto two lines, but I can’t get them short enough for one line.


Tony

  • Support Staff

January 21, 2016 at 4:20 am

Hi David,

Its actually being caused by styles applied by your theme, not the length of your ticket/event name.

Its this CSS:

.item {
    width: 100%;
    height: 260px;
    display: block;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 30px;
    z-index: 5;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    border-radius: 4px;
}

The problem is it’s setting the table row with a class of ‘item’ to ‘display: block’, so we can override that.

Did you also notice the gap just below it? That’s from that same block above, height: 260px

So we we’ll need to override those using some CSS specifically for EE, something like this:

.spco-ticket-info-dv tr, 
.event-cart-tbl .item {
    display: table-row;
    height: auto;
}

Should fix both the registration page and the event cart.


Tony

  • Support Staff

January 21, 2016 at 4:21 am

Also, you can add the above to either you child themes style.css file (if you using a child theme) or either the My Custom CSS or Reaktiv CSS Builder plugins.


David Dadekian

January 21, 2016 at 9:52 am

Fixed. Thank you.

The support post ‘spacing problem with quantity price total’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  David Dadekian 3 years, 9 months ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!
[for="input_96_5_3"]
[for="input_96_5_3"]
[gravityform id=96 title=false description=false]
  • This field is for validation purposes and should be left unchanged.
[i]
[i]
[gravityform id=69 title=false description=false]
  • This field is for validation purposes and should be left unchanged.