Contact Section

  • Is there any way I can modify the entire Contact section, including the form? maybe like select the page I want to pull content from to populate this ENTIRE section.

    For example, the about section. I can populate this ENTIRE section without any restrictions.

    • This topic was modified 7 years, 2 months ago by qi.


    I understand. What you can do is hide the other sections by using the following code in the Custom CSS field of Integral Options > Custom Code.

    .contact .col-md-6 {display:none;}

    I hope that helps.

    Thank you.

    Do you have any suggestions on how to put a map inside contact?

    This reply has been marked as private.


    I solved the map problem. The new problem is no matter which page I select to pull content to populate the contact section, it keep populating one of my post, and not the page I selected to populate.


    • This reply was modified 7 years, 2 months ago by qi.
    • This reply was modified 7 years, 2 months ago by qi.


    You will need to provide the username and password to log into the admin panel of your site.

    I can look into the new issue for you.

    This reply has been marked as private.


    The culprit was the Page Builder by SiteOrigin plugin.

    I disabled it and the problem went away.

    It was also causing the horizontal scroll to appear on the site.

    Integral was built so that you wouldn’t need a page builder plugin to create your site.

    Let me know if you have any questions.

    Thank you so much. I appreciate the help.

    Is it possible to change the code, .contact .col-md-6 {display:none;}, in a way that the contact information and social media buttons are not hidden?


    If your goal is to simply remove the contact form and keep the contact info and social media buttons, simply remove the Contact Form 7 shortcode located in Integral Options > Contact > Contact Form 7 Shortcode field.

    Was that your intention?

    Yes thanks, that worked! Another question: Can you help me with the css to change the background colour to white and the fields, contactinfo and social media buttons to black. I don’t want any other sections on my homepage to change so changing the colours in general doesn’t do the trick.

    You can edit the contact.php file in Appearance > Editor and change the following.

    On line 12 change




    On line 17 change




    Then in Integral Options > Custom Code > Custom CSS field add the following

    .contact ul.socials li a {color:inherit;}

    Yes beautiful!, all the changes worked.

    The only thing now is that the border for the text area is not shown. I’ve tried to change this in the custom field but couldn’t make it work. For the border of the text area of the contact form to be like the other text input fields would make the form perfect for me.

    On line 1235 of the style.css file, change to the following

    .contact textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    height: 130px;
    padding: 10px;

You must be logged in to reply to this topic.