gVectors Team

Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination

Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Forums
Plugin Support
wpDiscuz
How-To and Troubles...
Styling the custom ...
 
Notifications
Clear all

Styling the custom comment form fields

  ✦ Summarize Topic
How-To and Troubleshooting
Last Post by Eli 9 years ago
3 Posts
2 Users
0 Reactions
2,478 Views
RSS
 Eli
(@juniortactician)
Member Customer
Joined: 9 years ago
Posts: 2
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
23/04/2017 7:26 am   [#1290]

Hi,

How do I go about changing the text, border and box fill colour of the custom comment form fields once my comment is posted?

The settings/styling does not allow me to change the colour of the areas circled in the attached picture.

Appreciate all your help.



   
Quote
 Tom
(@tomson)
Famed Member Admin
Joined: 11 years ago
Posts: 4245
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
23/04/2017 8:51 am  

You can use custom CSS. We can't add styling option for each component of wpDiscuz. Just put a custom CSS in Custom CSS Textarea (Comments > Settings > Styling Tab). For Example:

Custom Filed Label

#wpcomm .wpd-cf-label {
    background: #dd0000;
    color:#ffffff;
    border-bottom: 1px solid #aa0000;
    font-size: 13px;
    width: 29%;
}

Custom Filed Value

#wpcomm .wpd-cf-value {
    background: #eeeeee;
    color:#555555;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
    width: 69%;
}

CSS Tutorial: https://www.w3schools.com/css/



   
ReplyQuote
 Eli
(@juniortactician)
Member Customer
Joined: 9 years ago
Posts: 2
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
23/04/2017 10:33 am  

Excellent, just what I was after.

Thank you very much



   
ReplyQuote
Forum Jump:
  Previous Topic
Next Topic  
Share:
Scroll to top