Cart Checkout Page

[Matt]

Hello,

The “create an account” is on different lines. See video. Can you let me know how to fix?

Thank you.

[Anve S.]

Hi @plusorigin,

Please try adding following css in child theme custom css . Please let me know if it works.

.woocommerce-checkout .woocommerce .checkout .woocommerce-billing-fields .create-account {
  float: left;
}

Regards
Anve

[Matt]

Hi @anve

I just wanted to make sure. Do you want this in the Child Theme or is it ok to put it here?

Is this the same thing? Please see attachment and confirm.

Thank you for your help!

[Matt]

@anve

I tried per your email above and that didn’t work. Do you want my credentials to go on the backend to see what’s happening? I really need this working as nothing works without this.

Thank you for your help!

PS. I erased above in the custom CSS after didn’t work. Maybe that is the wrong area?

[Anve S.]

Hi @plusorigin,

Please try uploading the css through ‘Simple custom css’ plugin.

Regards
Anve

[Matt]

Hi @anve,

That didn’t work either. Would you like the backend credentials?

Screenshot of additional code attached.

[Anve S.]

Hi @plusorigin,

Please PM me the site details .

Regards
Anve

[Matt]

I sent you a direct message. Please let me know you received the credentials. Thank you.

[Shi Jie]

Hi, I also have this same problem. Would appreciate if the solution can be posted in this thread. Thanks!

[Anve S.]

HI @lshijie,

Please apply the following css to rectify ‘create an account ‘ problem from your site in child theme’s custom css option.

.woocommerce-checkout .woocommerce .checkout .woocommerce-billing-fields .create-account {
  float: left;
}

Regards
Anve

[Matt]

Hi @anve,

Thanks for helping me out. We are getting close. It’s now on one line but it’s in the wrong area of the site. Please see video.

Other important question with these CSS updates. When we make an update with 1) BuddyBoss -> One Social > Custom Codes -> CSS 2) Plugin Simple CSS

Is this going to update correctly when the theme is updated? How does this work? Is this the same as a Child Theme? Please confirm as this is really important with all the CSS updates.

Thank you.

[Anve S.]

Hi @plusorigin,

For the first question you asked , the css codes in these two areas will remain unaffected to theme updation . So please don’t worry about that . They’ll work just fine.

Also we’have ‘create an accout’ text exactly at the same area where you are seeing it on your website . Please give me some time , i’ll pass this to the developers , they might give you the solution to your requirement .

Regards
Anve

[Shi Jie]

Hi @anve I’ve the same problem as Matt after adding the code you provided above. Hope to hear from the developers regarding this as well. Thanks!

[Anve S.]

Hi ,

@plusorigin , @lshijie

Try applying the following js code in onesocial settings -> codes -> JS.

jQuery( document ).ready( function(){
    var createAC = jQuery('.form-row.create-account');
    var create_account = jQuery('.create-account');
    jQuery('.woocommerce-billing-fields.col2-set').prepend(create_account);
    jQuery('.woocommerce-billing-fields.col2-set').prepend(createAC);
});

Regards
Anve

[Matt]

Good morning @anve,

I have made a video of what happens. It’s getting close but the password is going to the top of the screen now.

1) How do you fix the video?
2) This is the first time using Custom JS. Do you erase the part below or leave it in?

jQuery( document ).ready( function(){
//Your codes strat from here
});