change hover color

This topic has 7 replies, 2 voices, and was last updated 9 years by Webmaster4you.

Author
July 12, 2015 at 17:26 #67920

Webmaster4you
Participant

Hi 🙂

I am trying to change the blog post hover link color from blue to red.

Also I am trying to change the buddypress profile links from blue to red.

I have searched the forum and tried countless css variations.

Any ideas?

Attachments:
You must be logged in to view attached files.

July 12, 2015 at 17:27 #67923

Webmaster4you
Participant

edit: buddypress hover color

July 12, 2015 at 17:28 #67924

Webmaster4you
Participant

And also change the hart icon in posts (se attached image)
July 13, 2015 at 08:06 #67990

Laura
Moderator
Hello, here are the css codes that you will need. For the heart icon could you send a screenshot?

This is for Profile menu links on hover, change pink to the color you want.
COPY CODE
```
div#object-nav ul li a:hover {
  color: pink !important;
}
```
Please add this code to the child theme style.css or quick css

Also this is for the blue on each profile section
COPY CODE
```
.tabs.pill.custom dd.active a, .tabs.pill.custom li.active a, div.item-list-tabs ul li a span, #profile .pmpro_label {
  background: pink !important;
  color: #ffffff;
}
.button, ul.sub-nav li.current a, .item-list-tabs ul.sub-nav li.selected a, #subnav ul li.current a, .wpcf7-submit, #rtmedia-add-media-button-post-update, #rt_media_comment_submit, .rtmedia-container input[type="submit"] {
  border: 1px solid pink;
  background: pink;
  color: #ffffff;
}
.tabs.info dd.active a, .tabs.info li.active a, #object-nav ul li.current a, #object-nav ul li.selected a, .tabs.info dd.active, .tabs.info li.active, #object-nav ul li.selected, #object-nav ul li.current {
  border-bottom: pink;
}
.tabs.info dd.active a:after, #object-nav ul li.current a:after, #object-nav ul li.selected a:after {
  border-top: 5px solid pink;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
July 13, 2015 at 23:56 #68100

Webmaster4you
Participant

Perfect! That worked on the BP links. Thanks!!

The WP blog post links showing post date, author category etc. are still blue.
See attached screenshot. Also this is where the hart logo is located.

Attachments:
You must be logged in to view attached files.

July 13, 2015 at 23:59 #68103

Webmaster4you
Participant

I meant hart icon (not logo)
July 14, 2015 at 22:52 #68282

Laura
Moderator
Hello, this is for the link
COPY CODE
```
ul.link-list a:hover {
  color: black !important;
}
```
This will change the heart to a flag icon
COPY CODE
```
.icon-heart:before {
  content: "\f024";
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
July 15, 2015 at 00:57 #68312

Webmaster4you
Participant

Yes! Perfect. Thanks!! 🙂
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Attachments:

Attachments:

Search KB

Log in with your credentials

Forgot your details?