How to change contact color in Integral Lite?

  • Hi,

    How do I change the color of the contact section. Instead of a standard black background I would like to change that, and also the letters. How this is done? I tried with style.css but were not successful.

    Kind Regards,


    You can use the following CSS code,

    .contact {
    background-color: blue;

    Change the color to whatever you need.

    Let me know if that doesn’t work.


    That worked, can you tell how I change the rest of the settings of the Contact page otherwise I have to ask setting by setting. Are the following all the settings to change the contact page?

    .contact {
    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;
    display: block;
    font-size: 1rem;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    Kind regards,


    Hi Rob,

    Yes those are all CSS properties for the contact section.

    You can also change settings by going to Integral Options Panel > Contact section in your Admin Dashboard.

You must be logged in to reply to this topic.