Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

Textareas Not Formatted

Home Forums Support Textareas Not Formatted

Tagged: 

This topic contains 4 replies, has 3 voices, and was last updated by  thePizzaFox 9 months, 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
Version: MDW Trial (latest version)
  • Author
    Posts
  • #1580

    thePizzaFox
    Participant

    I’m trying to setup contact forms and the text area for the message isn’t formatted with material design (unstyled). How can I get the textarea to look like material design?

    Example:
    https://i.imgur.com/wwxYa4z.png

    #1607

    Sebastian Kaczmarek
    Participant

    Hi,

    I am sorry for your inconveniences. Does the problem still occur? Could you also provide me with your website URL so we could check what’s wrong directly?

    Kind regards,
    Sebastian

    #1610

    thePizzaFox
    Participant

    I updated my MDW installation and the problem persisted. I don’t have a WordPress instance running, so unfortunately I can’t provide a live sample.

    #1613

    Sebastian Kaczmarek
    Participant

    Hi,

    I managed to make a quick workaround for this. Simply add these CSS rules to your style.css file:

    textarea.wpcf7-textarea {
    	overflow-y: hidden;
    	padding: 1.6rem 0;
    	resize: none;
    	min-height: 3rem;
    	background-color: transparent;
    	border: none;
    	border-bottom: 1px solid #ccc;
    	border-radius: 0;
    	outline: 0;
    	height: 2.1rem;
    	width: 100%;
    	font-size: 1rem;
    	box-shadow: none;
    	-webkit-box-sizing: content-box;
    	-moz-box-sizing: content-box;
    	box-sizing: content-box;
    	transition: all .3s;
    }
    
    textarea.wpcf7-textarea:focus {
    	border-color: rgba(21,73,103,.73);
    	box-shadow: 0 1px 0 0 rgba(21,73,103,.73);
    }

    Now the textarea should look fine.

    Regards,
    Sebastian

    #1614

    thePizzaFox
    Participant

    Just implemented this. Works great. Thanks for your help.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.