Notifications
Clear all

[Solved] Font Awesome icons hide text in forms

5 Posts
3 Users
12 Reactions
110 Views
Posts: 3
Topic starter
(@forumedium)
Active Member
Joined: 5 days ago

Hi,

can someone help me solve this problem?

As you can see in the screenshot, the font awesome icons cover my textfields. I would rather see them at the right side of the textfield. I managed to change it in Chrome Console, but at WordPress it doesn't seem to accept my change in CSS.

In wpforo settings, i just find an option to deactivate them, but that's not whhat i want.

Can anybody help me?

Thanks a lot

4 Replies
Tutrix
Posts: 1466
(@tutrix)
Noble Member
Joined: 5 years ago

Hi @forumedium 

Add this CSS code to the custom CSS

#wpforo #wpforo-wrap .wpf-field input[type="text"], #wpforo #wpforo-wrap .wpf-field input[type="password"], #wpforo #wpforo-wrap .wpf-field input[type="email"], #wpforo #wpforo-wrap .wpf-field input[type="date"], #wpforo #wpforo-wrap .wpf-field input[type="number"], #wpforo #wpforo-wrap .wpf-field input[type="url"], #wpforo #wpforo-wrap .wpf-field input[type="tel"], #wpforo #wpforo-wrap .wpf-field input[type="search"], #wpforo #wpforo-wrap .wpf-field input[type="color"], #wpforo #wpforo-wrap .wpf-field textarea, #wpforo #wpforo-wrap .wpf-field select {
  padding: 3px 4px 3px 32px !important;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS

And read this topic >> wpForo and Cache Plugins

Posts: 3
Topic starter
(@forumedium)
Active Member
Joined: 5 days ago

Wow!

This support is absolutely genious. Thanks so much! 

2 Replies
(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1204

@forumedium Tutrix is a legend mate, go and check out his forum!

(@forumedium)
Joined: 5 days ago

Active Member
Posts: 3

@percysgrowroom Even in german. das gefällt mir noch besser 😆