Colors on hovering

[mbfit]

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.

[Laura]

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 🙂

[mbfit]

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

[mbfit]

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!

[Laura]

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 🙂

[mbfit]

Apologies for delay I will look into this tonight. Thanks

[mbfit]

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!

[Laura]

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 🙂

[mbfit]

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.

[Laura]

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 🙂

[mbfit]

Hi Laura that didn’t work, thanks

[Laura]

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 🙂

[mbfit]

Awesome yes thank you Laura!

[Laura]

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