• Resolved chiron34

    (@chiron34)


    I am using Weaver II theme with a black background. Under the theme appearance settings, I use a dark orange font for content areas and a green font for widget areas. When I installed CF7, it works with the green font, which is very hard to read against the white text box background.

    Would it be possible for someone more skilled than I (I am a novice at this website building game) to give me a checklist as to what I should do to change the CF7 text box backgrounds to black (#000000) and insert a yellow border (#ffff00) around these text box areas.

    Any help will be greatly appreciated.

    sincerely,

    chiron34

    https://www.ads-software.com/extend/plugins/contact-form-7/

Viewing 13 replies - 31 through 43 (of 43 total)
  • do you know where to enter css for your website?
    if so, put in
    .wpcf7-form input {height: 20px; width: 280px;} or ems . .

    let me know if you need anything else!

    I did, changed the height on the inputs & width of the message box, looks 100 times better https://lindaloustarr.com/contact
    You are greatly appreciated ??
    LL

    I’m working on my first website so I can relate. Glad I’ve learned enough to help someone else! I like your site ??

    Thanks abbyj! I’ve learned alot myself, apparently not enough as to contact 7 LOL – if I can help let me know ??

    Linda Lou, you might want to add margins to the form – give it a little room to breathe ??
    just use .wpcf7 (margin: {}
    Also I’ve learned to run my site through wc3 validator to catch goofs like no end bracket } etc.

    Doesn’t it look right on your computer? I have two computers 4 screens & looks good here what margins px’s would you suggest?
    LL

    I’m no one to give design advice . . . I apologize – you’ve done a beautiful job – best of luck to you!

    I welcome all and any advice – certainly no apology needed – I am grateful for & to you ?? Seriously, if you think it needs margins this is something I’m unfamiliar with your suggestions are awesomely welcomed ??

    Hi LL,
    Your form looks much better, glad abbyj was able to sort that out for you, my apologies, I had a couple deadlines I had to make and was having internet issues also so didn’t have a chance to look at it till now, but glad you got it sorted out.
    Thanks abbyj for the css for the form its much appreciated.
    God Bless
    Jon

    Hi Jon – TY & No Worries I am so grateful for the help you & abbyj provided ??
    Peace & Blessings
    LL

    Thread Starter chiron34

    (@chiron34)

    Hi, all,

    I started this thread, which seems to have opened a problem more widespread than expected. I thank everyone who has contributed in one way or another.

    I have fixed the CF7 difficulty in my site without any reliance on any of the contributors here.

    As I explained, I am a greenhorn novice at this web building game. So, in my inexperience, I did not realise or understand that I was able to fix my CF7 internally through my theme’s Appearance Settings page. I use Weaver II theme, which is quite sophisticated. I strongly recommend its use, particularly in circumstances where a high degree of flexibility is required.

    regards to all,

    chiron34

    @ abbyj, your solution you posted here is working fine for me (.wpcf7-form input) now i also want to change my background colors for the dropdown items i have in my contactform.

    I hope there is a solution, and maybe you can provide it to me ??

    Jurgen

    Figured it out, for those who like to know:

    .wpcf7-form p input, .wpcf7-form p select {
    background-color:#dc9c69;
    }

    works like a charm ??

    Jurgen

Viewing 13 replies - 31 through 43 (of 43 total)
  • The topic ‘[Plugin: Contact Form 7] How to change text area background colour’ is closed to new replies.