Change hover color on title and Go button in search

emafdcom · Member · Mar 2, 2016 at 3:56 pm
Copy link

Add topic to favorites
I was able to change the main theme color form green to blue using CSS except for the title emafd (hoover color still green) Go button on search (top right).
Couls someone provide me with css code please

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 3, 2016 at 6:28 am
Copy link
Add this to your custom CSS. I grabbed one of the blues you had used, but you can of course edit that.
```
.site-title a:hover {
    color: #36f;
}
#searchsubmit:hover {
    background-color: #36f;
}
```
emafdcom · Member · Mar 3, 2016 at 5:53 pm
Copy link
Thank so much. It did work like a charm.

Maybe you can help me with the following. As the page is working right now the slider are connected to blogs (no there is no way around) but is a way to:
disconnect the link between the slider picture and the blog?
or
make the link point to a specific page?

If you cannot help me, let me know and I will try to pit a post on the forum.
Thank you so much for your time and considerations
thesacredpath · Member · Mar 4, 2016 at 8:21 am
Copy link
Super, glad that worked. No there is no way to delete the link from the post slider to the single post pages. That would require editing of the theme php script files, and we cannot do that at WordPress.com.
emafdcom · Member · Mar 4, 2016 at 6:43 pm
Copy link
mmm! I was trying to play with it today and I screw up a couple of things that I am not able to fix:
1- Hover is green for lower part of the page (COMPOSITE FEAN, CONCRETE FEA and EMAJA FINS)
2- I did not notice before but if you go into phone view and click on MENU the font is in blue (same color as tabs) but in other views (PC and tablets) the text is in white.

Thank you again for all your time and considerations
kathrynwp · Staff · Mar 4, 2016 at 10:04 pm
Copy link
1- Hover is green for lower part of the page (COMPOSITE FEAN, CONCRETE FEA and EMAJA FINS)

This should take care of those green hovers. Just replace the example purple with your preferred colour:
```
.home-news a:hover, .home-tabs #tabs li a:hover, .ui-tabs-panel a:hover {
  color: #bb00bb;
}
```
2- I did not notice before but if you go into phone view and click on MENU the font is in blue (same color as tabs) but in other views (PC and tablets) the text is in white.

The problem is that this part of your custom CSS is very broad, affecting all links whose colour isn’t set somewhere else in the theme:
```
a, a:link {
    color: #2291c8;
    text-decoration: none;
}
```
To override the blue in the mobile menu and set those links to white instead, you can add this:
```
.mobile-menu a {
  color: #fff; 
}
```
emafdcom · Member · Mar 4, 2016 at 11:57 pm
Copy link
thank you so much.
kathrynwp · Staff · Mar 5, 2016 at 11:28 pm
Copy link
You’re welcome!

No items found.