Base on this discussion, I changed the sign up link in comments from this:

to this:

I add a red border and icons and you get a very big area to click.

Here is the icons image you can use:

Or you can do a better one with


Now is the CSS code put in the advanced CSS field of Design Studio:

.comment-join a {

   display: block;

   height: 24px;

   padding: 0.5em 0 0 1em;

   border:1px red solid;

   background: url( 100% 50% no-repeat;}






It's kind hard to change non-member display area. Cause I need to open two different browsers, one sing in and one not. And crazy browser cache issue. Usually you can push ctrl+F5 or shift+F5 to prevent browser cache when refresh but I don't know what keys in Mac. I try shift+command+R in chrome but doesn't work.

And don't forget to change to a nice wording asking to be a member.




Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported.... Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at

Views: 450

Replies to This Discussion

Thanks Alex!


great tip. thanks
Thank you much Alex! I'm now working on trying to change the background color to black.
LOL, I love this tip. Feels like I'm eagerness.



© 2021   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips