Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1122297
Cf-style
Closed

Comments

  •  2
    michele started the conversation

    Hi, i would like to edit your contact form style 2. I need some different imput with attached icon. How can i do it? Where do i find the style options?

    (im working in local, i dont have any link to give)


    Thank you!

  •  433
    Sergio replied

    Hi, 

    not quite sure what do you mean. Can you pls provide more details (screenshots)?

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    Ok, as you can see in the attachment your demo has styled imput boxes with a icons . But i need to edit it. 

    In my case i don't want the "mr, mrs" ecc...if i remove it the result is the one you can see in the attachment "areag2".

    Can i do it within contact form? 

  •  433
    Sergio replied

    HI!

    pls. share the wp-admin access and problem page, we'll check

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    I'm trying to Receive One answer from tickets since WHEN I Started to Work with your theme and never ever be able to arrive at a conclusion, i'm not saying satifyng but at least a bit usefull.
    I AM WORKING IN LOCAL, as i write in the first post.
    I try to be clear posting screens but EVERY time you answer to Give ACCESS, unfortunately I haven't the possibilities to work online. EVERY time I look  the e-mail with the tickets answer notice, with the hope to find any answer and nothing, i have to wait another day or give up.

    Whats the problem to Reply a request like the one i asked?
    I'm simply asking how to edit your styled contact form and how do I ADD icon as you Have you done in the demos. Nothing more. You really cant answer to this without access?
    Yet EVERY time renounced to arrive at a solution ...

    Please help me for ONE TIME ............

  •  2
    michele replied

    I repeat in brief: I NEED TO EDIT THE "Contact Form Style 2", i need different imput box and i need to put the icons in the same way you've done in your demo. 

  •  433
    Sergio replied

    HI,

    We have many forms on the pages and we do not have telepathic abilities, please provide a page of our template on which there is such a form. I'll give you an edit code.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    It's not about telepathic abilities, i gave you exactly the contact form name and also a screenshot of the form, anyway THIS IS THE FORM: http://codex-themes.com/thegem/pages/contact-us/contact-us-01/


  •  2
    michele replied

    Good morning (or afternoon depends of the GMT), any news about my request?

    i would like to edit your form: http://codex-themes.com/thegem/pages/contact-us/contact-us-01/

    but i dont know hot to put icons at the right of the box...

  •  433
    Sergio replied

    HI,

    1) Code to change icons

    .wpcf7-form .phone:after,
    .wpcf7-form .website:after,
    .wpcf7-form .email:after,
    .wpcf7-form  .name:after{
        position: absolute;
        font-family: thegem-icons;
        right: 12px;
        top: 12px;
        font-size: 24px;
    }
    .wpcf7-form .website:after {
        content: '\e623';
    }
    .wpcf7-form .email:after {
        content: '\e643';
    }
    .wpcf7-form .name:after {
        content: '\e63b';
    }
    .wpcf7-form .phone:after{
        content: '\e625';
    }
    

    2) Code for the name field 100%

    p.cf-style2-text {
        width: 100%;
    }

    icon pack  "thegem-icons" :

    http://codex-themes.com/thegem/wp-content/themes/thegem/fonts/icons-fonts-info.html

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    Thank you that's exaclty what i need, can i put this in the 

    And last question: if i update the theme i need to do it again?

    i have child theme but its the first time i use it, i don't know if it can help...


    Thank you


  •  433
    Sergio replied

    HI,

    Add this code to the css file of your child theme and after the update everything will be saved.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    Thank you!

  •  2
    michele replied

    I tried to put the code in the child's css, as you can see in the screenshot, is this correct? Because seems that is not working... :(

  •  433
    Sergio replied

    HI!

    add the code here, will be ok

    .wpcf7-form .phone:after,
    .wpcf7-form .website:after,
    .wpcf7-form .email:after,
    .wpcf7-form  .name:after{
        position: absolute;
        font-family: thegem-icons;
        right: 12px;
        top: 12px;
        font-size: 24px;
    }
    .wpcf7-form .website:after {
        content: '\e623' !important;
    }
    .wpcf7-form .email:after {
        content: '\e643'!important;
    }
    .wpcf7-form .name:after {
        content: '\e63b'!important;
    }
    .wpcf7-form .phone:after{
        content: '\e625'!important;
    }

     

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    michele replied

    now it work thank you :)