WordPress.org

Ready to get started?Download WordPress

Forums

Form Maker
[resolved] Customize theme (10 posts)

  1. Archint
    Member
    Posted 5 months ago #

    Hi I'm fresher in coding and customizing so couldn't able to make theme matching with my website, here is the link http://archintdesigns.com/vendorship/ I only want if someone can customize theme matching to my website style.

    Thanks in advance,
    Archint

    https://wordpress.org/plugins/form-maker/

  2. webdorado
    Member
    Plugin Author

    Posted 5 months ago #

    Dear Archint,

    instead of changing theme css you can try other themes which will match with your website.

  3. Archint
    Member
    Posted 5 months ago #

    I tried all but no one is matching perfectly, so I posted to grt the code. There is an option to add our own theme too, so can't we add theme which can match my website theme.

  4. webdorado
    Member
    Plugin Author

    Posted 5 months ago #

    Dear Archint,

    You can edit the css of the theme. If you don't manage to do that, please tell us what you want more detailed and we will try to help you.

  5. Archint
    Member
    Posted 5 months ago #

    I want the form I have embeded through form maker plugin should match the css of my other website form theme. Like you can see my other contact form.
    http://archintdesigns.com/vendorship/

  6. webdorado
    Member
    Plugin Author

    Posted 5 months ago #

    Dear Archint,

    You should first of all select a theme which has a transparent background. It will mostly look like the form you mentioned. Afterwards, if there is still something you want to change, you can tell us and we will advice you the css code.

  7. Archint
    Member
    Posted 5 months ago #

    I have used the Standard one, as you can see the typing area is not visible properly as its visible in right hand side form. I want my form to look same as the right one. How to make it look similar.

  8. webdorado
    Member
    Plugin Author

    Posted 5 months ago #

    Dear Archint,

    You should add the following code to your current form theme css field:
    input[type="text"] {
    border: 1px solid #000 !important;
    }

  9. Archint
    Member
    Posted 5 months ago #

    This is the code of my website form theme so can we customize our wdform theme css accordingly please:
    wpcf7-form-control {
    max-width: 100%;
    box-sizing: border-box;
    }

    input[type=submit].wpcf7-submit{
    position: relative;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #909090;
    cursor: pointer;
    border: 1px solid #909090;
    background: transparent;
    padding: 7px;
    font-size: 12px;
    line-height: 12px;
    }

    input[type=submit].wpcf7-submit:hover{
    color: #404040;
    border-color: #404040;
    }

  10. webdorado
    Member
    Plugin Author

    Posted 5 months ago #

    Dear Archint,

    You should remove these lines from your css code and your form will closely look like the one the link of which you gave us:
    text-align: center;
    text-transform: uppercase;

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.