- This topic has 23 replies, 2 voices, and was last updated 4 years, 5 months ago by
.
-
Posts
-
Hello Generate Press Team,
Pls check this image: https://prnt.sc/1winer3
You can see how the form looks.
But on our website when we installed Niche Theme from Generate Press Site Library, it shows like this: https://prnt.sc/1winnoz
See the things provided in private box.
So, how can we make the form look good, same issue is with Login and registration pages, overall the forms look like that weird.
Customer Support
Hi there,
I don’t believe the theme itself is the issue here as we don’t add any customization to WooCommerce account/billing pages.
Can you test another browser to see if the same issue exists there?
Hey Leo,
How come some themes on google have there customisations? Like Flatsome theme etc, so on using generate press how can we edit those pages?
I would assume those themes have CSS built-in for them and that’s not something we would do for GP.
You would need to add your own custom CSS to style those forms.
Hey Leo,
Can you pls tell the CSS to fix this: https://prnt.sc/1winnoz
that selection box appear out of entire form in terms of looks.
Also if you can pass me the css of those areas I can then customise it myself.
Pls let me know.
Thanks!
Hey Leo,
No I tried diff browser too, see this is how it looks in safari: https://prnt.sc/1wjbdg2
All the CSS I see for the forms are coming from WooCommerce itself:
https://www.screencast.com/t/oD7ITdlTLooks like it’s using a fixed height of
28px.Give this CSS a shot:
.select2-container .select2-selection--single { height: 47px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 47px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px; }Hey Leo,
I was working on that code itself, thanks a lot man it worked perfectly, just 1 thing is left, see this box: https://prnt.sc/1wjghqg
There is so much space, can u pls tell how do we align those things? I mean which code to see in inspect element?
I want to make that space look clean as well as align that coupon box in center.
Where can I see those fields?
Hey Leo,
Check the private box.
Try this CSS:
.woocommerce form.checkout_coupon .form-row-last { float: none; display: inline-block; }Please note that these questions are all supposed to be answered by WooCommerce’ support team as the styles are completely coming from the plugin.
Hey Leo,
That works, can u pls tell how do u find in inspect element perfectly that element? and how can we do this:
See the image: https://prnt.sc/1wmq45n
When using Chrome, you can right click on the element of interest then click Inspect to see the associated HTML and CSS.
There are lots of tutorials on Google that should help with this.
Hey Leo,
Yes I got that, but sometimes its hard to find some elements which is weird.
Can you pls tell how can this be done: https://prnt.sc/1wmq45n
as I know how to align text in center but for those items the entire block alignment in center is something which is not happening.
- The topic ‘Woocommerce Forms Editing’ is closed to new replies.
