Contact Form Header Colour

Hello,

How would I change the colour of the header on the Contact Form? Is this a CSS change?

(Shown in attached image, I would like to change the black header bacjground colour)

Thanks
Contact Form Title Colour.png
1339 x 528 - 31K

Comments

  • Hi, @robin6

    Thanks for contacting us!

    Please share your site URL
  • Hi Imraz,

    URL is www.rhubarb-it.co.uk

    Thanks
  • Hi, @robin6

    Copy and paste the below-given custom CSS in your Wordpress's customizer Additional CSS box:

    /*Only applicable for Header-sidebar on created page with ID 77*/
    .page-id-77 .header-sidebar {
        background-color: #000;
    }
    /*Only applicable for Header-sidebar on created page with ID 77*/

    Let me know did it work!

    Thanks
  • Hi Imraz,

    Thanks for that code. I've applied that code appears to have changed the Top Header section.

    What I was actually wanting to do was change the black bar above the contact form i.e the background colour to the text "Get in Touch with us", highlighted in red in image below.

    Thanks, Rob
    Contact Form Header.png
    1366 x 768 - 168K
  • Hi, @robin6

    For that, instead of above, use the below custom CSS:

    /*Contact Form Header- Color Change*/
    .contact_form_heading .section-header{
    background-color:#000000;
    }
    .contact_form_heading .section-header {
        border-left: 5px solid #000000;
    }
    /*Contact Form Header- Color Change*/

    Let me know did it work!

    Thanks
  • Thank you Imraz, that has worked how I wanted it :)

    Best Regards, Rob
  • Glad to help you! @robin6

    You can rate us with your kind review if you like our Theme or Support.

    Thanks for contacting us :)
This discussion has been closed.