|
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
|
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
|
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.
|
