Support

September 15, 2016 at 4:05 am

Hi there,

On my Event page, the ticket selector actual price does not appear directly below the “Price” title – it is slightly to the right. Is there a way to get it centered? http://pharmdev01.com/biopharma-pm-forum-event/

If you want to center align the price to match the header you can use:

.tckt-slctr-tbl-td-price {
    text-align: center;
}

or you can align both the header and the price to the left:

.ee-ticket-selector-ticket-price-th, 
.tckt-slctr-tbl-td-price {
    text-align: left;
}

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

Also, on the Registraton Checkout Page (http://pharmdev01.com/registration-checkout/?uts=1473865228#checkout) none of the dollar amounts appear under the appropriate column. They appear right after the title and description.

That’s happening due to styles your theme is applying to the .item class – http://take.ms/ktXZv

You can override that section using:

.spco-ticket-info-dv .item {
    display: table-row;
}

September 15, 2016 at 2:27 pm

Ok, so this rule is too specific:

.spco-ticket-info-dv .item {
    display: table-row;
}

Change it for this:

#ee-single-page-checkout-dv .item {
    display: table-row;
    height: auto;
}

That should apply to both outputs.

September 16, 2016 at 4:10 am

Sure, try this:

.spco-payment-info-dv thead th.jst-cntr {
    text-align: right;
}

If you need to customize the layout further you will need to add your own custom styles to suit.