Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum   wpForo Support Forum

Comment box unclickable in Safari and username link in wrong color  

  RSS

MarvinZ
(@marvinz)
New Member
Joined: 7 months ago
Posts: 2
22/12/2019 5:51 pm  

Hey, I use your plugin wpDiscuz on my website and I am facing two problems. The first problem is that in Safari, when clicking in the comment box, then outside of the comment box, I can not click back into the comment box. It has already been discussed in a similar form here for Chrome. For me, it happens with Safari 13.0.3 (while with Chrome it works fine) and indeed disabling the browser's extensions solves the problem. But of course, I can not control which browser or extensions are being used by the visitors. Is there any update on this problem or do you have more details on why exactly this happens?

 

The other thing is that when profile URLs are activated under [wpDiscuz -> Settings -> Comment List], the coloring of said links does not work for me because for my links I am using the following CSS:

 

/******************************/

/* Change the color of links */

/****************************/

/* For site content (that is exclude header) */

.site-content a:link {

  color: #de4e41 !important;

/*color: #9e4938 !important;*/

}




.site-content a:visited {

color: #de4e41 !important;

  /*color: #9e4938 !important;*/

}




.site-content a:hover {

  color: #64625d !important;

}




.site-content a:active {

  color: #64625d !important;

}




/* For footer */

.site-footer a:link {

  color: #de4e41 !important;

  /*color: #9e4938 !important;*/

}




.site-footer a:visited {

  color: #de4e41 !important;

  /*color: #9e4938 !important;*/

}




.site-footer a:hover {

  color: #64625d !important;

}




.site-footer a:active {

  color: #64625d !important;

}

/******************************/

/*****************************/

I have to admit that I am a beginner in CSS, and I can not get the CSS above to not apply to the profile URL links in the comment sections. These are supposed to maintain the coloring set in the wpDiscuz settings. Note that I disabled the profile URLs for now, which is why the coloring is working on my website.

I appreciate any help.

Thank you!

 


Quote
Topic Tags
Elvina
(@elvina)
Noble Member Moderator
Joined: 10 months ago
Posts: 1177
23/12/2019 1:03 pm  

Hi @marvinz,

I'm really sorry but we don't have suggestions here as far as there are a dozen extensions that may cause the issue. We can suggest is removing the avatar from textarea using a simple CSS code. Please put the code in Dashboard > Comments > Settings > Stylings > Custom CSS Code textarea. Save it, delete all caches and press Ctrl+F5 on website front-end before checking:

#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea {
      visibility: hidden; width: 0px; height: 0px;
}
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
      padding: 25px 25px 0px 25px!important;
}

The other thing is that when profile URLs are activated under [wpDiscuz -> Settings -> Comment List], the coloring of said links does not work for me because for my links I am using the following CSS:

Please enable the profiles URL, then delete all !important statements in all CSS codes you've written, and check again. It should work fine.


ReplyQuote
MarvinZ
(@marvinz)
New Member
Joined: 7 months ago
Posts: 2
26/12/2019 8:51 pm  

Hey @elvina,

thank you very much for your quick reply!

I tried the CSS and it indeed removes the avatar for the text-area -- but the problem persists. Clicking inside of the text-area once, then outside makes it impossible to click back inside. If, however, there is at least one letter in the text-area, I can click back inside, no matter what.

You are absolutely right about the "!important" statement. The links seem to keep the correct color after removing the said statement. I can not fully remember why I initially put it, but I think it was because of the buttons on my page (which are not of the type "submit"). With the "!important" statement, they work as links, that is on hover they become grey (my custom choice in the CSS above), etc., while without the "!important" statement this does not work. I think except for this, it works fine. 

 

This post was modified 6 months ago by MarvinZ

ReplyQuote
Share: