Contact Form Field Sizing & Submit Button Placement

ThemeBurn SupportForumsOpenCart ThemesBurnEngineContact Form Field Sizing & Submit Button Placement

This topic has been marked as resolved.

Two questions:

1) How can I lengthen the form fields on the Contact Form? Also, can I add custom fields to it?

2) How can I place the Contact Form “Submit Button” on the left side of the form instead of where it is now on the right side of the form?

Standing by. Thank you!

February 21, 2019 at 1:51 am #67266

Hi,

1) Adding custom fields to the contact form will required either a modification or a plugin and we cannot help you here.

2) Can we see your live website? You can use hidepost to share private information with the support staff.

BR,
ThemeBurn team

February 22, 2019 at 5:04 pm #67290

Here is the link tot he site currently under development:

The input fields can be seen on the login page, register page, and contact page. I would like to make them longer in width.

Thank you!

February 22, 2019 at 9:13 pm #67307

Hi,

You can use this custom CSS:

.buttons .pull-right {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.buttons .pull-left {
  -webkit-order: 1;
  order: 1;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team

February 28, 2019 at 2:23 pm #67339

Hi,

This is very good possibility but is on nuance. By default in all Chopping cart, when you are inside you always will find “Checkout” button in the right and “Continue Shopping” in the left. For a lot of customers is accustomed this variation. After your this css correction all is reverse. In text steps, when the button is in the left side is very good but in first step when you are in the Schopping Cart, button Checkout must be on the right side. Is it possible?

But this kind of correction with correction would be very cool.

Look at the image how it look after when I inserted in css

BR

 JAZZLT
February 28, 2019 at 4:37 pm #67344

Hi,

You can scope this modification to affect all pages except checkout:

body:not(.checkout-checkout) .buttons .pull-right {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
body:not(.checkout-checkout) .buttons .pull-left {
  -webkit-order: 1;
  order: 1;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

BR,
ThemeBurn team

March 5, 2019 at 12:05 pm #67389

Hi,

Sorry, but no changes after second modification. Checkout button is on the left site, like in image I attached before. Better if this button to be on the right side. Only this button. :)

BR

 JAZZLT
March 25, 2019 at 1:50 pm #67584

Hi,

You only need the second modification :) If both modifications are added, checkout will also have buttons reordered.

BR,
ThemeBurn team

March 27, 2019 at 11:45 am #67613

Hi, TB,

Yes, I kow. I tried both version and last my test is with this code, only …


body:not(.checkout-checkout) .buttons .pull-right {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
body:not(.checkout-checkout) .buttons .pull-left {
  -webkit-order: 1;
  order: 1;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

… but result is :)

BR

 JAZZLT
March 27, 2019 at 4:01 pm #67621
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.