SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75! 
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Change Read More hover color

5 years 6 months ago - 5 years 6 months ago #123554 by artctrldel.info@gmail.com
Change Read More hover color was created by artctrldel.info@gmail.com
Hi guys,

I want to change the hover color of my Read More button to black.

I tried using Firebug, but notthing seems to happen.

I'm not sure if it's the template?

Best


Benjamin
www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123580 by Valentin
Replied by Valentin on topic Change Read More hover color
Hi Benjamin,

To change the hover color, its required to point the :hover selector.
For example:
.some-class a:hover{
    color: #your-color-here;
}

Which custom CSS you tried? Please share in your next reply

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123602 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
It's set to this now:

.readmore a:hover{
color: #000000;
}

Not working.

Other class is a href link.

Thanks

www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123604 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
.article-info a:hover{
color: #000000;
}

Tried this too, unfortunately still not working.

Thanks

www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123612 by Valentin
Replied by Valentin on topic Change Read More hover color
This code is correct:
.readmore a:hover{
color: #000000;
}

Clear Joomla cache from System > Clear cache > Select all and clear
See if makes a difference

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123615 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
I have cleared cache and turned it of aswell to be sure.

It dosen't seem to grab it...

Thanks

Benjamin
www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123625 by Valentin
Replied by Valentin on topic Change Read More hover color
In which CSS file are you adding the code?

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123630 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
mycustom.css

Please Log in to join the conversation.

5 years 6 months ago #123634 by Valentin
Replied by Valentin on topic Change Read More hover color
I see the code working in my end. The text is black when I put the mouse over the "Read more..."


Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

This message has an attachment image.
Please log in or register to see it.

The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123636 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
Very nice!

I would like it to be the button though and not the text :)

Thanks
www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123639 by Valentin
Replied by Valentin on topic Change Read More hover color
Do you mean the background to be black?

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123641 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
Yes please.

Please Log in to join the conversation.

5 years 6 months ago #123643 by Valentin
Replied by Valentin on topic Change Read More hover color
Remove the other CSS and use this:
.readmore:hover{
    background: #000000;
}

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago #123647 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
So incredibly awesome - thank you very much !! :))

Please Log in to join the conversation.

5 years 6 months ago #123650 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
I noticed the searchbutton background wasn't black when hovered, so I tried:

#mod-finder-searchword:hover{
background: #000000;
}

Didn't work though...

Thanks again :)
www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123652 by Valentin
Replied by Valentin on topic Change Read More hover color
You're welcome!

Have a good day :)

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

5 years 6 months ago - 5 years 6 months ago #123654 by artctrldel.info@gmail.com
Replied by artctrldel.info@gmail.com on topic Change Read More hover color
I noticed the searchbutton background wasn't black when hovered, so I tried:

#mod-finder-searchword:hover{
background: #000000;
}

Didn't work though..

Then i tried:

.btn:hover{
background: #000000;
}


Thanks again :)
www.artctrldel.net

Please Log in to join the conversation.

5 years 6 months ago #123664 by Valentin
Replied by Valentin on topic Change Read More hover color
The right selector is .button:hover - it would also affect other buttons using the same button class.

I highly recommend you give a try to this tutorial to become familiar with selectors. I'm sure it will be very useful for future customizations :)

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: artctrldel.info@gmail.com

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!