Contact form

robinwyatt · January 2017

Hi,

How can I change the colour of my contact form? I can't see any way of doing it using Contact Form 7 or Muffin Builder and I don't want it to be my default theme colour.

Thanks!

Albert · January 2017

Hi,

you can change those colors under Theme options > Colors > Forms section.

robinwyatt · January 2017

I'm so sorry, I misinformed you: it's actually the colour of my 'Contact us' box that I need to change (address, phone and e-mail address). I can't seem to shift this from the orange you see currently by changing anything in the Theme options > Colors > Forms section.

Albert · January 2017

So to change those colors, use:

.get_in_touch ul li, .get_in_touch ul li a { color: #000 !important; }

robinwyatt · January 2017

Ah, that changed the text. I am happy with the colours of the text and icons, what I want to change is the colour of the rectangle.

Albert · January 2017

Do you mean current orange color of background?

robinwyatt · January 2017

Yes: I want it to be the same green as the social media boxes above.

Albert · January 2017

So to change its color, you need to use:

.get_in_touch { background: #000 !important; }

robinwyatt · January 2017

Fab, thanks!

For some reason, the colour of my text on the form (I do mean the form this time, not the address etc. info!) has changed from white (correct) to dark grey (illegible). How can I change it back to white? Changing the colour in Theme options > Colors > Forms did not work.

Albert · January 2017

Please open your website in Firefox html mode (CTRL+U) and check html errors you got. Please fix them first as this might be the reason why fonts has changed their color. Anticipating your question, those errors are not associated with theme and were made by you or one of your extra plugins.

Contact form

Comments

This website uses cookies