first of all congratulate on such a great theme, you guys have great sense for design!!
Im having an issue with the textarea of the contact form: These parameters are not so good when you write multiple rows it is frustrating that you can only see one line of text (see picture attached). When I increase the height the css falls apart. It would be great to make the height responsive or have a resizeable area.
The second thing Im interested in is more about customization. I really like your clapat.com site, especially the full screen menu is way better this way. Is there any way I could have a peek how to animate the menu elements and how the vertical background lines work?
Regarding clapat.com the site it's in HTML format you can download the page and study the structure(html+CSS) and compare it with Cubez. Or is there something else?
Note: For now I have disabled the label animation because it cuts trough the text when multiple lines written. Also made the box vertically resizable and hided the scrollbar.
Maybe later on as If there's a solution I'll try to style the scrollbar and turn on the label.
I've got the full screen menu customization figured, some help would be appreciated with the animation where to look. See pic attached.
Hi,
first of all congratulate on such a great theme, you guys have great sense for design!!
Im having an issue with the textarea of the contact form:
These parameters are not so good when you write multiple rows it is frustrating that you can only see one line of text (see picture attached). When I increase the height the css falls apart. It would be great to make the height responsive or have a resizeable area.
The second thing Im interested in is more about customization. I really like your clapat.com site, especially the full screen menu is way better this way. Is there any way I could have a peek how to animate the menu elements and how the vertical background lines work?
Thanks!
Vince
Hi Vince
you could try the following
textarea.wpcf7-textarea {
height: 100px;
}
.message-box .input_label.slow {
top: 100px;
}
in theme options -> styling options -> custom CSS
Replace 100px with the height you want
Regarding clapat.com the site it's in HTML format you can download the page and study the structure(html+CSS) and compare it with Cubez. Or is there something else?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Regarding the textarea I've got it working like this (somehow the '.message-box .input_label.slow' class wont work):
textarea.wpcf7-textarea {
height:100px;
resize: vertical;
overflow-y: hidden;
}
#contact-formular .input_label.slow {
top: 100px;
display: none;
}
Note: For now I have disabled the label animation because it cuts trough the text when multiple lines written. Also made the box vertically resizable and hided the scrollbar.
Maybe later on as If there's a solution I'll try to style the scrollbar and turn on the label.
I've got the full screen menu customization figured, some help would be appreciated with the animation where to look. See pic attached.
Cheers!
V.
animation
Look inside our style.css on clapat.com and see how we made the animation for nav ul li
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks guys!