solutionportal supports this item


This author's response time can be up to 1 business day.

5 comments found.

Beautiful desig, I am wondering if you could help me with something. On the preview page ( you have screenshots of all the different designs in like a google chrome browser vector image and it would be massively helpful to me if you could just let me know where you got them from. I’ve been searching for ever for them! But don’t know where to look! Thanks so much!

Here’s the link.

I’m looking for a solution where it includes some select boxes for an advanced search form I need to create. I was trying to see the screenshots but I’m not sure that your design includes some select boxes on it.

Thanks for the clarification!

I suggest you to find in javascript section. This is pure css3 form pack and due to restriction I can’t use javascript in this pack.

Does this work with Gravity forms?

Not natively, but you can apply its css style to gravity form if you know wordpress customization

Hi Solutionportal121,

When I click on the arrow within the select field nothing happens. How can I make the arrow on the select field clickable and make sure when users click on this arrow the select field works?

Thank you in advance.

Sorry, but this is not possible with css only solution (this is pure css3 form). In javascript, we have to implement a custom select box. The least we can do is to use native browsers select arrows. You can activate this by removing -webkit-apperance: none; from the {... } selector.

or try setting line-height: 0 in .contact-depart-wrap:before {...}. This solution will reduce the unactive clickable area. Also reduce the font-size of the arrow.

Great work, it awesome!