Okay
  Public Ticket #1509210
custom css -textarea -menu
Closed

Comments

  • Vince started the conversation

    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

  •  1,823
    Support replied

    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

  • Vince replied

    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.


  • Vince replied

    animation

  •  1,823
    Support replied

    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

  • Vince replied

    Thanks guys!