hover on logout

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Jan 22, 2014 1:21 pm
Reply with quote
Report this post
Hi,

I have put the login form in bottom 4, which is dark, and the LOGOUT button is dark on hover so it's not visible. I can't find how to change this, only for this position here?

Thank you.
User avatar
Junior Boarder

GK User
Sat Jan 25, 2014 11:47 am
Reply with quote
Report this post
Hi,
this guide should help you: http://www.gavick.com/documentation/joo ... ss-suffix/

2) You have to use Firebug tool to identity class for this element or only button, remember also about ":hover".
But I hope that you know basic of CSS.
User avatar
Platinum Boarder

GK User
Sat Jan 25, 2014 1:45 pm
Reply with quote
Report this post
Hello,

ok, thank You.

I have managed to change the hover in joomla.css here:
Code: Select all
button:hover,
.button:hover,
.readon:hover,
.readmore a:hover,
.button.inverse,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.gkPriceTable dd a:hover {
   border-color: #272727;
   color: #272727!important;


but this changes the hover color for everything (articles for example)..

I don't know is there an option to change it JUST for this module and this one button...?

Thank You anyway, greetings
User avatar
Junior Boarder

GK User
Wed Jan 29, 2014 11:56 am
Reply with quote
Report this post
You have to :
1) Create a new class - and add into override.css
I don't know what kind of button uses you module but I will try....

.hoverbutton input.button:hover,
.hoverbutton span.button:hover,
.hoverbutton button.button:hover,
.hoverbutton input[type="submit"]:hover,
.hoverbutton input[type="button"]:hover,
{
border: 2px solid #272727 !important;
color: #272727!important;
}

2) Add this " hoverbutton" suffix for this module
User avatar
Platinum Boarder


cron