Sela Link Hover Color, Search Button

  • Unknown's avatar
    shaynacook42 · Member ·

    Hello! I’ve been trying to fix two things with CSS with limited results:

    1) When you hover over the menu button in rollinginitiative.com, it turns to an unhelpful dark grey color. I can’t find CSS that fixes it.

    2) If I search for something (anything really) the search box has a pink outline. And when I go through to the search page (whether or not something is found) the search button in the body of the text is bright pink. This is similarly found in the contact form.

    I’ve been looking over the forums, maybe I missed something. Please advise?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shaynacook42 · Member ·

    Fixed the outline, go figure, but the search button is still bright pink.

  • Unknown's avatar
    wpx2 · Member ·

    Hello @shaynacook42

    Here are the CSS codes that will fix both issues you are facing.

    1- To change the color of the top menu upon hovering the text, this CSS code will do the trick. (Since you have not specified what color you want, I have picked the green color you have in your website. You can change it to whatever color you want).

    .main-navigation a:hover,
.main-navigation ul > :hover > a,
.main-navigation ul > .focus > a {
	color: #ff0000;
}

    Also for current active menu item, this CSS code also is needed:

    .main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
	color: #ff0000;
}

    2- Regarding the color of search button and submit button in contact page, The CSS class that is responsible for that is the following:

    button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {
    background-color: #ff0000;
}

    As I mentioned above, the color I picked can be changed by changing the (#code) to your preference color code. Each color on the web has a code. If you want to know how to find the codes of colors, check this topic :
    https://en.support.wordpress.com/custom-design/custom-colors/#color-picker

    Please let us know if this helps :)

  • Unknown's avatar
    shaynacook42 · Member ·

    Oh my goodness, you just solved the last of my problems so I’m on schedule. Thank you SO much!

  • Unknown's avatar
    wpx2 · Member ·

    @shaynacook42

    You are very welcome :) I am happy that I could help

  • The topic ‘Sela Link Hover Color, Search Button’ is closed to new replies.