Notifications
Clear all

Avatar, text fields, and error messages

8 Posts
3 Users
0 Likes
1,932 Views
 PJ
(@pj)
Member Customer
Joined: 7 years ago
Posts: 8
Topic starter  

Hi. Can you help with these two problems.  The avatar is on top of the text. The text in the name and email fields should be bigger or fit better.  The error messages do not line up with the fields. 

comment avatar & info fields
error message overlapping

   
Quote
 PJ
(@pj)
Member Customer
Joined: 7 years ago
Posts: 8
Topic starter  

Also, can you help with the notification button. It doesn't fit well in the box.

comment notification button

   
ReplyQuote
 Tom
(@tomson)
Famed Member Admin
Joined: 9 years ago
Posts: 4173
 

Please leave your website URL. wpDiscuz CSS is crashed. This is not the wpDiscuz stile. It conflicts with your theme or the cache is not reset properly and it loads old wpDiscuz css file. Make sure you've deleted all caches and press Ctrl+F5.


   
ReplyQuote
 PJ
(@pj)
Member Customer
Joined: 7 years ago
Posts: 8
Topic starter  

The website is www.perspectivwords.com


   
ReplyQuote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 6 years ago
Posts: 5924
 

Hi PJ,

 The avatar is on top of the text

This is a conflict with your theme. You need to remove !important statement from your active theme style.css file.

with important
without iportant

The error messages do not line up with the fields. 

Use the following CSS code, put it in Dashboard > Comments > Settings > Styling > Custom CSS Code textarea.

#wpcomm div.wpd-field-invalid span{
top: calc(76% + 8px);
}

Don't forget to delete all caches and do Ctrl+F5 on front-end before checking.

Also, can you help with the notification button. It doesn't fit well in the box.
The following CSS code should solve this issue.
 
#wpcomm .wpd_label__check i.wpdicon{
text-indent: 0 !important;
}

   
ReplyQuote
 PJ
(@pj)
Member Customer
Joined: 7 years ago
Posts: 8
Topic starter  

Hi Tom,

Thanks. I was able to fix the last two issues; however, I am having issues fixing the avatar problem.


   
ReplyQuote
 PJ
(@pj)
Member Customer
Joined: 7 years ago
Posts: 8
Topic starter  

Hi Astghik

I am having issues with this part; I can't figure out the code to fix it. 

Hi PJ,

 The avatar is on top of the text

This is a conflict with your theme. You need to remove !important statement from your active theme style.css file.

with important
without iportant

 


   
ReplyQuote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 6 years ago
Posts: 5924
 

Hi PJ,

Please navigate to Dashboard > Appearance > Editor admin page. 

Insert the following phrase "input[type=date], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea" in searche input (press CTRL +F to show up search input). Then remove the !important from the following part of the code.

padding12px 12px 10px!important
editor

   
ReplyQuote
Share:
Scroll to top