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!
|
|
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
|
|
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!
|
|
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
|
|
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
|
|
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
|
|
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
|
|
Hi,
You only need the second modification If both modifications are added, checkout will also have buttons reordered.
BR,
ThemeBurn team
|
|
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
|
|