Sela Link Hover Color, Search Button

  • Author
    Posts
  • #3204268

    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 rollinginitiative.com.

    #3204273

    shaynacook42
    Member

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

    #3204336

    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 :)

    #3204345

    shaynacook42
    Member

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

    #3204346

    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.