Problem customizing From because of same class name

  • Alkorr

    (@alkorr)


    10 years, 6 months ago

    Now I found out (with great help from this forum) how to use an external CSS, I’ve been trying to modify it to make: Name – Email – Subject fields on the same line. And below, the textarea (full with) then lastly, Captcha code.

    I managed to get the 3 fields inline but unfortunately, I can’t get the textarea to go below those 3 fields. And the reason is they are all using the same class=”fscf-div-field-left”. So I can’t force a specific field (the textarea) go on a new line.

    Is there an easy way to make it work? I tried to add HTML code before and after via the fields tab but I couldn’t find a way to make it work, I’m afraid I’m not a CSS expert…

    PS: Maybe it could be a good idea to share some CSS examples using different way to show the form (inline, responsive width…)

    Thanks a lot for your help! 🙂

    https://wordpress.org/plugins/si-contact-form/

Viewing 7 replies - 1 through 7 (of 7 total)
  • mbrsolution

    (@mbrsolution)

    10 years, 6 months ago

    Hi can you share your URL and pin point what part you would like to customize.

    Thank you

    Thread Starter Alkorr

    (@alkorr)

    10 years, 6 months ago

    Hi mbrsolution, my website is not online yet, local access only…

    But what I’d like to achieve is this :

    http://themeisle.com/demo/?theme=Zerif%20Lite

    Click on Contact (top right).

    Name – Email – Subject on the same line.
    Message below.
    Responsive.

    Thanks for your help! 🙂

    mbrsolution

    (@mbrsolution)

    10 years, 6 months ago

    Hi check the following instructions see if they help you.

    Regards

    Thread Starter Alkorr

    (@alkorr)

    10 years, 6 months ago

    Hi Manuel, thanks for the link, I checked the page, the tutorial is great but it is for two columns layout setup, what I’m desperately trying to do is 3 columns with Name, Email and Subject and below one columns with a full width textarea.

    I also checked (Fields Tab) Inline and Follow previous field but it doesn’t work.

    I wish you could make another tutorial, I can’t believe I’m the only one struggling with this! 🙂

    mbrsolution

    (@mbrsolution)

    10 years, 6 months ago

    Hi Alkorr, yes it is for a two column layout. But the instructions can be applied to a three column layout if that is what you want. All you have to do is adjust the values for a three column layout.

    Thread Starter Alkorr

    (@alkorr)

    10 years, 6 months ago

    Hi, I tried but it doesn’t work… I can’t make the fields responsive either… I searched again for templates for Fast Secure Contact Form but all I can find are templates for another plugin, Contact Form 7.

    I know it must be ‘easy’ for you, but for people with almost no knowledge of CSS, it’s a challenge to modify/change anything. Fast Secure Contact Form is such an amazing plugin, it would deserve some template examples for those like me without any coding experience…

    Anyway, thanks for your help!

    mbrsolution

    (@mbrsolution)

    10 years, 6 months ago

    I am sure the plugin developer will think more about your request.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Problem customizing From because of same class name’ is closed to new replies.