Contact form: Single Choice Form Field not showing Choices

Home Forums Jevelin Theme Contact form: Single Choice Form Field not showing Choices

Home Forums Jevelin Theme Contact form: Single Choice Form Field not showing Choices

Viewing 20 posts - 1 through 20 (of 24 total)
  • Author
    RESOLVED Posts
  • Hello,

     

    I’m having trouble with the Contact form. I’ve inserted the Single Choice Form Field but the text/titles of the Choices are not visible in the page.

     

    What am I doing wrong? 🙂

     

    Thank you very much in advance.

     

    Elena

    Attachments:
    You must be logged in to view attached files.

    Hi Elena,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

     

    Best regards,
    Shufflehound team

    Hello,

     

    sure, it’s in the home page:

    http://www.effegibrevetti.com/staging/

    contacts section:

    http://www.effegibrevetti.com/staging/#contacts

     

    Thank you

     

    Elena

    I tried to access your shared site but I can’t and getting error message “Access denied. Login first to access this site”.

     

    Would you mind if i log in to your site and access it? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will be able see it.”?

    Sure, thank you and sorry for the delay!

     

     

    Solution for this topic

    You can display them by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .contact-form .custom-radio label {
        display: inline-block !important;
    }
    
    #page-container #wrapper .contact-form .custom-radio input[type=radio] {
        line-height: 1 !important;
            height: auto !important;
    }

    Hello, the code works fine for the Single Choice field as you can see in the attachement, thank you!

     

    Still have the same issue with the Dropdown form field… can’t see see options too…

     

    Also, is it possible (Capture2.JPG) to set a placeholder “Choose Department” as first of the Dropdown? Like the Single Line Text field? Or alternatively move the “Instructions for Users” field on top?

     

    Thank you in advance

     

    Elena

    Attachments:
    You must be logged in to view attached files.

    You shared site credentials are not working now so could you please make sure it is working?

     

    Please do not change credentials until your created thread got resolved.

    Sorry another one was solved didn’t check.

    Solution for this topic

    Still have the same issue with the Dropdown form field… can’t see see options too…

    To display them please change above shared CSS code as following.

     

    #page-container #wrapper .contact-form input{
        line-height: 1 !important;
            height: auto !important;
    }
    
    #page-container #wrapper .contact-form .SumoSelect label,
    #page-container #wrapper .contact-form .custom-radio label,
    #page-container #wrapper .contact-form .custom-checkbox label {
        display: inline-block !important;
    }

     

    Also, is it possible (Capture2.JPG) to set a placeholder “Choose Department” as first of the Dropdown? Like the Single Line Text field? Or alternatively move the “Instructions for Users” field on top?

    Whatever dropdown option you set first will be displayed first in the dropdown  and you can change its order by dragging it as shown in the attached screenshot.

    Attachments:
    You must be logged in to view attached files.

    Works fine thank you 🙂

     

    Last thing please: since I did thing modifications I noticed that the Contacts section keeps always the hover color active (red #ed2229) instead of simple grey, see attachment. This happen just in the english version (http://www.effegibrevetti.com) where I worked first, the italian version menĂą is fine.

     

    Thank you very much in advance.

     

    Elena

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Please use below CSS code to achieve it.

     

    li#menu-item-3358 a {
        color: #8d8d8d !important;
    }
    
    li#menu-item-3358 a:hover {
       color: #ed2229!important;
    }

    Thank you very much it works!

     

    Best regards

     

    Elena

     

    You are most welcome here 🙂

    Hello, today my site is showing the same issue but on the italian version: http://www.effegibrevetti.com/it/.

     

    May I ask you how to modify the previous CSS code you gave me to fix the issue on both languages please?

     

    Important: have another little visualization issue on .com/it site: the width of the fields in the contact form. When I open yellow pencil it gets fixed, maybe these are just cache issues?

     

    Thank you very much in advance

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    May I ask you how to modify the previous CSS code you gave me to fix the issue on both languages please?

    Please change the previously shared CSS code as following.

     

    li#menu-item-3365 a,
    li#menu-item-3358 a {
        color: #8d8d8d !important;
    }
    
    li#menu-item-3365 a:hover,
    li#menu-item-3358 a:hover {
       color: #ed2229!important;
    }
    

     

    Important: have another little visualization issue on .com/it site: the width of the fields in the contact form. When I open yellow pencil it gets fixed, maybe these are just cache issues?

    It seems Jetpack plugin is causing this issue so please try using below CSS code to resolve it.

     

    #page-container .wrap-forms .field-textarea textarea {
        width: 100%;
    }

    First code perfect problem fixed thank you!

     

    Contact forms fields width still different .com from .it… see attachments.

     

    I can’t understand I used the same template! Maybe I have to wait for caching..?

     

    Thank you very much for your help.

     

    Elena

    Attachments:
    You must be logged in to view attached files.

    Yes this can be caching so you can test it temporary disabling caching.

     

    I am not sure what you meany by “Contact forms fields width still different .com from .it” if you are referring two different websites then please share me their URLs.

    Solution for this topic

    Please try using below custom CSS code to display them similar.

     

    .sh-column-f34b61a21a527f9bb754f47f2b6f98ba .sh-column-wrapper {
        width: 555px;
        max-width: 100%;
    }
Viewing 20 posts - 1 through 20 (of 24 total)