Support

Home Forums Event Espresso Premium Checkout Field edit

Checkout Field edit

Posted: May 21, 2016 at 3:50 am

Viewing 4 reply threads


Saratsa L.S.

May 21, 2016 at 3:50 am

How to make checkout field and proceed to next step bigger?


Saratsa L.S.

May 21, 2016 at 9:20 am

Now I can resize button by css but still can’t resize register form input field


Lorenzo Orlando Caum

  • Support Staff

May 21, 2016 at 4:39 pm

Hello,

That can be changed by using some CSS. Could you share a link to any active event on your site?


Lorenzo


Saratsa L.S.

May 22, 2016 at 1:18 am

Yes, this is my embed event
http://culture-collective.com/deathtrap/

I want to edit to checkout to look like this
https://dl.dropboxusercontent.com/u/45882867/sample.jpg


Tony

  • Support Staff

May 24, 2016 at 3:49 am

Hi there,

You can target all of those elements using CSS, but you will need to make sure they are specific enough to overrule your current ruleset.

For the title you can use:

.ee-reg-form-qstn-grp-title {
    text-transform: uppercase;
}

To target the input reg form questions width:

.spco-attendee-panel-dv .ee-reg-form-attendee-dv .ee-reg-qstn {
    width: 50%;
}

Targeting the input fields specifically:

.spco-attendee-panel-dv .ee-reg-form-attendee-dv input {
    height: 1.5em;
}

You’ll likely need to adjust the values I have used, add your own additional styling and maybe add some media queries for smaller screens but the above should allow you to make the changes you need.

Viewing 4 reply threads

The support post ‘Checkout Field edit’ 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.

Event Espresso