Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 23, 2023 at 9:26 am #1394744
    oestersund

    Dear Team,
    I use CF7 and want to make the site visitors text entries bigger – see screenshot.

    View post on imgur.com

    I only found CSS codes making the field description fonts bigger.

    Any help is much appreciated.

    thx a lot & best regards Tilman

    January 23, 2023 at 2:07 pm #1394775
    Yigit

    Hey Tilman,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top .wpcf7 input {
  font-size: 20px;
}

    Best regards,
    Yigit

    January 23, 2023 at 2:20 pm #1394779
    oestersund

    thx a lot Yigit.

    this works, but only on the first entry field (“Objekt”) – pls see here: https://www.eth-solutions.de/fallmeldung/

    Plus, I have tried to make the entries font color black with :

    #top .wpcf7 input {
    font-size: 20px;
    font-color: black;
    }

    But they remain light grey

    Which code do I need to habe font color back and every size like the first field?

    thx again 6 best regards

    Tilman

    January 23, 2023 at 2:32 pm #1394780
    Yigit

    Hi Tilman,

    Please use the following code instead

    
#top .wpcf7 input ,
#top .wpcf7 textarea {
  font-size: 20px;
  color: black;
}

    Cheers!
    Yigit

    January 23, 2023 at 2:51 pm #1394784
    oestersund

    thx Yigit,
    font size ist fine now

    but only the second field entry is black now, all others (text and not text area fields) are still light grey. I’ve tried to play with the CSS by adding “text” in addition to “text-area” but was not successful.

    Plus, the font color on the “send” Button went also back, this one shall remain white as before….

    current appearance on Mac OS / Chrome pls see here:

    View post on imgur.com

    Cheers, Tilman

    • This reply was modified 1 year, 10 months ago by oestersund.
    • This reply was modified 1 year, 10 months ago by oestersund.
    January 23, 2023 at 2:58 pm #1394788
    Yigit

    Hi Tilman,

    CSS selector was apparently not strong enough. Please update your code to the following one

    
#top #wrap_all .wpcf7 input, 
#top #wrap_all .wpcf7 textarea {
  font-size: 20px;
  color: #000;
}

    Best regards,
    Yigit

    January 23, 2023 at 3:01 pm #1394789
    oestersund

    that’s fine now :-)

    only the “send” button font color ist still black – what to add to make this white again?

    January 23, 2023 at 3:05 pm #1394790
    Yigit

    Hey,

    This final code should fix it all :) 

    
#top #wrap_all .wpcf7 input.wpcf7-text, 
#top #wrap_all .wpcf7 textarea {
  font-size: 20px;
  color: #000;
}

    Cheers!
    Yigit

    January 23, 2023 at 4:06 pm #1394794
    oestersund

    Hey,
    yes – and no :-)

    all field layouts are pretty cool now.

    But the send button size (was full-width) now is very small – and how to add some top padding for the button?

    then it would be super duper cool :-)

    January 23, 2023 at 4:34 pm #1394798
    oestersund

    Hey Yigit,
    sorry, me again. I had to delete your css as it changed the whole sites navigation area, too. pls see:

    first pic after CSS (too little , colors disappeared), second before (shall stay):

    View post on imgur.com

    any idea how to avoid this?

    Thanks again

    Tilman

    • This reply was modified 1 year, 10 months ago by oestersund.
    January 23, 2023 at 4:41 pm #1394801
    Yigit

    Hi Tilman,

    Please check your CSS code for errors using this website: http://csslint.net/. I believe the issue is broken CSS.

    If you would like us to look into it, please create temporary admin logins and post them here privately : )

    Best regards,
    Yigit

    January 23, 2023 at 4:44 pm #1394803
    oestersund

    HI Yigit,
    if yo can have a look, it would be great.

    thx again, Tilman

    • This reply was modified 1 year, 10 months ago by oestersund.
    January 23, 2023 at 5:11 pm #1394807
    Yigit

    Hi,

    There does not seem to be any error in the Quick CSS field.

    I added following code to bottom of the field

    
/* Contact Form 7 customizations */
#top #wrap_all .wpcf7 input.wpcf7-text, 
#top #wrap_all .wpcf7 textarea {
  font-size: 20px;
  color: #000;
}

#top .wpcf7-submit {
  margin-top: 20px;
}

    Please review your website :)

    Best regards,
    Yigit

    January 23, 2023 at 5:37 pm #1394815
    oestersund

    Hey Yigit,

    now its perfect :-)

    thx a lot for your kind & immediate support and have great week !

    Best regards Tilman

    January 23, 2023 at 6:12 pm #1394829
    Rikard

    Hi,

    Great, I’m glad that Yigit could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    January 23, 2023 at 6:13 pm #1394830
    oestersund

    thx – of course it can be closed:-)

    January 23, 2023 at 8:26 pm #1394838
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Contact for 7 : font size of visitors entries’ is closed to new replies.