Colors on hovering

This topic has 13 replies, 2 voices, and was last updated 7 years by Laura.

Author
April 7, 2017 at 21:32 #157946

mbfit
Participant

Hello, in regards to the default color blue for the site, there are some areas that remain blue on hovering over the links. As far as I know I’ve exhausted the options of color changes on the Dashboard. Are there areas I’m missing or is it done in code to change? Also on the page turn in the Blog section. I’ll assume it will be the same on the Forums as well?

Also the drop down arrow by profile, does that do anything?

I’ve attached images below and circled the areas that are still blue.

Attachments:
You must be logged in to view attached files.
April 10, 2017 at 09:18 #158033

Laura
Moderator
Hello, i will be happy to help you fix those colors, just a bit of css is needed, please add this to style.css of child theme and change the colors as you wish 🙂

Top bar line
COPY CODE
```
.top-links {
    border-bottom: 1px solid black !important;
}
```
Profile dropdown arrow
COPY CODE
```
.btn-profile .button.dropdown.split.tiny span:after {
    border-color: red transparent transparent transparent !important;
}
```
Pagination
COPY CODE
```
ul.pagination li.current a, div#main ul.pagination li.current a {
    background: red !important;
}
```
Hover links
COPY CODE
```
#main .article-meta .link-list a:hover {
    color: red !important;
}
```
Let me know if i am missing something 🙂

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 🙂
April 10, 2017 at 23:57 #158142

mbfit
Participant

Hi Laura thank you I will try it out tonight. With the drop down actually I was just curious what it does because for me when I click on it, it doesn’t do anything

April 11, 2017 at 05:52 #158152

mbfit
Participant

Hi Laura,

yes on image BLUE-HOVER which is the members page the links between Activity to Settings all turn blue still, also the quick profile nav arrow is blue.

Thanks!
April 12, 2017 at 00:10 #158268

Laura
Moderator
Hello, try this 🙂
COPY CODE
```
.icon-chevron-right:hover:before {
    color: red !important;
}
```
That is for quick profile search

For the hover, do you mean the blog or the pagination?

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 🙂
April 21, 2017 at 22:44 #159289

mbfit
Participant

Apologies for delay I will look into this tonight. Thanks

April 22, 2017 at 23:37 #159337

mbfit
Participant

Hi Laura, ok everything is done except for the BLUE HOVER jpeg above which is on the PROFILE page navigation between ACTIVITY>PROFILE>>>>to SETTINGS

THANKS!
April 25, 2017 at 10:37 #159520

Laura
Moderator
Hello, please try by adding this to style.css of child theme 🙂
COPY CODE
```
#item-nav a:hover {
    color: red !important;
}
```
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 🙂
April 28, 2017 at 23:49 #159923

mbfit
Participant

Yes thank you that worked.

There is one last one which is related to the Quick Profile Navigation button. When scrolling through the back arrow button is still blue. I attached an image.

Thanks!!

Attachments:
You must be logged in to view attached files.
May 1, 2017 at 04:22 #160043

Laura
Moderator
Hello, please try by adding this to style.css of child theme
COPY CODE
```
i.icon-chevron-right:hover:before {
    color: red !important;
}
```
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 🙂
May 5, 2017 at 21:12 #160545

mbfit
Participant

Hi Laura that didn’t work, thanks
May 8, 2017 at 18:20 #160700

Laura
Moderator
Hello, try with
COPY CODE
```
div#breadcrumbs-wrapp ul.inline-list.right li a i:hover::before {color: red;}
```
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 🙂
May 9, 2017 at 03:20 #160739

mbfit
Participant

Awesome yes thank you Laura!

May 12, 2017 at 11:18 #161191

Laura
Moderator

Glad to help 🙂

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 🙂
Author

Posts

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

You must be logged in to reply to this topic.

Attachments:

Attachments:

Search KB

Log in with your credentials

Forgot your details?