hover on logout
Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: 




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.
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.
-
- 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.
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.
-
- 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:
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
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
-
- 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
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
-
- Platinum Boarder
4 posts
• Page 1 of 1