The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
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
how do you change t...
 
Share:
Notifications
Clear all

Question [Solved] how do you change text size inside wpdiscuz-feedback

9 Posts
2 Users
0 Reactions
998 Views
Posts: 7
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
(@hellosquishy)
Active Member
Joined: 3 years ago
[#6614]

how do you change font size of text in CSS?

I have text - Click to see and enter your Comment and the text size is very tiny. I want to increase size. 

[wpdiscuz-feedback id="blbahep88l" question="Your Thoughts?" opened="0"]Click to see and enter your Comment[/wpdiscuz-feedback]

Also what is CSS to change font color and size for Name and Email fields for both default label and input values? I want to make both white instead of black/grey.


8 Replies
Asti
Posts: 8210
 Asti
Support
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
(@asti)
Illustrious Member
Joined: 8 years ago

Hi @hellosquishy,

I have text - Click to see and enter your Comment and the text size is very tiny. I want to increase size. 

Please use this CSS code: 

.wpd-inline-shortcode{
     font-size: 16px;
}

Also what is CSS to change font color and size for Name and Email fields for both default label and input values? I want to make both white instead of black/grey.

The CSS codes below can be used for this purpose: 

input.wpd-inline-name-input::placeholder {
   color: #fff; 
   font-size:  15px ;
}

input.wpd-inline-name-input {
color:   #fff; 
font-size:  15px;  
}

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Please change the red-marked values before using them. 


Posts: 7
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
(@hellosquishy)
Active Member
Joined: 3 years ago

Thank you. That worked and looks much better.

Another question - i noticed when you click View All Comments button for inline bubble - it takes you to Comments section where it filters comments by Inline Feedback. I want it to display All Comments by default instead of forcing user to click View All Comments button in comments section. Is there setting to do that?


Posts: 7
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
(@hellosquishy)
Active Member
Joined: 3 years ago

also is there a FAQ on customizing UI with CSS or settings? That would help a lot. Thanks


2 Replies
Asti
 Asti
Support
(@asti)
Joined: 8 years ago

Illustrious Member
Posts: 8210
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

@hellosquishy

Posted by: @hellosquishy

also is there a FAQ on customizing UI with CSS or settings? That would help a lot. Thanks

Just find the classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize. 

CSS

This website should help you to write CSS rules:      https://www.w3schools.com/cssref/default.asp

 

Posted by: @hellosquishy

I notice the comment status indicator bubble on left does nothing but just show total count of comments. Can we make it do something when user clicks on it like go to comments section?

This is a CSS conflict. Use this code to solve it:

div#wpd-bubble-wrapper {
     z-index: 9999999999;
}

Asti
 Asti
Support
(@asti)
Joined: 8 years ago

Illustrious Member
Posts: 8210
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

Another question - i noticed when you click View All Comments button for inline bubble - it takes you to Comments section where it filters comments by Inline Feedback. I want it to display All Comments by default instead of forcing user to click View All Comments button in comments section. Is there setting to do that?

I'll ask the developers and let you know. 


Posts: 7
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
(@hellosquishy)
Active Member
Joined: 3 years ago

I notice the comment status indicator bubble on left does nothing but just show total count of comments. Can we make it do something when user clicks on it like go to comments section?


Posts: 7
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
(@hellosquishy)
Active Member
Joined: 3 years ago

the css fixed indicator bubble and works great. thank you

When user clicks bubble - it gives default text to give thoughts and comment. Is there a way to change default text? I looked in settings but didn't see it.

 


1 Reply
Asti
 Asti
Support
(@asti)
Joined: 8 years ago

Illustrious Member
Posts: 8210
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

@hellosquishy 

When user clicks bubble - it gives default text to give thoughts and comment. Is there a way to change default text? I looked in settings but didn't see it.

Please watch this video: https://www.screencast.com/t/mySnspuKgQ


Share: