Okay, I need a little help. Maybe it involves some template adjustments and it's the reason why things are not working. I have created the K2 override for the template and it's located in /templates/responsive2/html/com_k2/default/item.php
I have the css, it is attached. This is the CSS class name, "BUTTON_DLI". I tried to implement it by putting it in the 'custom.css' and then doing the necessary edit in the item.php. The block of code in the item.php that has to be edited is
<div class="itemCommentsLoginFirst"><?php echo JText::_('K2_LOGIN_TO_POST_COMMENTS'); ?></div>
I tried to replace it with :
<div class="itemCommentsLoginFirst"><a href="#" class="BUTTON_DLI"></a></div>
but it doesn't work. Once it shows I would replace the # with either the login page url or a modal window login. Can I get some advice? I know I have all the right pieces here I just need a little help. I got the css from, http://cssbuttoncreator.com. This is the full CSS:
.BUTTON_DLI {
background: #3D94F6;
background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #FFFFFF;
font-family: Open Sans;
font-size: 40px;
font-weight: 100;
padding: 40px;
box-shadow: 1px 1px 20px 0px #000000;
-webkit-box-shadow: 1px 1px 20px 0px #000000;
-moz-box-shadow: 1px 1px 20px 0px #000000;
text-shadow: 1px 1px 20px #000000;
border: solid #337FED 1px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.BUTTON_DLI:hover {
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
text-decoration: none;
}