-
Posts
-
Hello-
Thank you for your support –
We are using woo bookings to book a variety of art projects in our classes.
I’ve been looking at your bookings demos and they look much better than ours-I’m working to get ours to flow easier.
See page in private section.
Can you suggest way to get the project selections in a smaller area with better highlighted quantity selection arrows (currently they are at the end and can’t see them.
Customers need to enter a project (possible multiple projects) – but currently it’s all one long page-
Thanks for your helpHey pathaug,
It is a design decision, not sure we can advise here. You can come up with a solution and we could try to help to implement it, if it is within the scope of our support.
Best regards,
VictoriaSorry – I was not clear- I attached a screen shot –
1) The project selection (the yellow bars) on the screen take the full width of the screen area – is there a way to decrease the width?
2) Also those yellow bars are where a customer enters quantity – but the up down arrows do not show up unless you know to hover over where they would be – is there a way to color those arrows or something so people know those are available to edit their quantity ?Thank you
Hi,
1> Try this code in the General Styling > Quick CSS field:#top input[type="number"] {width: 50% !important; }adjust the number to suit.
2> I also didn’t know there was arrows, nor could I find them by hovering. Could you add a screenshot of where I can find them so I can help with some code.Best regards,
Mike1) Thank you – The above code fixed the width issue –
2)Can you help with the quantity arrows at the right of my selections – I’ve included 2 screens shots
the 1st image shows if curser hovers over the field then the quantity selection arrow shows up on the right
– if my mouse is not on the yellow part of the field (image 2) then no quantity arrow shows
This is a problem as many of my customers do not know the quantity field should be changed with arrows since no arrows showing.Thanks for help
Hi pathaug,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.