Change visited link colour and subscribe button colour

  • Unknown's avatar
    avalonadams · Member ·

    I am having trouble changing the colour of my visited links and also the colour of the subscribe button.

    When clicked, my link on the top bar (for example) are purple (which I want) but then they turn a red/pink colour. I want them to remain purple but am unsure how to do this.

    I am on a premium plan and am also having trouble with what CSS to use to change the colour of my subscribe button. It is currently pink with white text and I would like it to be purple with white text.

    Any help is appreciated.

    Thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, for the links in the sidebar you will need this for a visited link. 

    .sidebar a:visited {
  color: yellow;
}

    Generally with menus, there are three distinctions made on the links. The normal non-hovered state, the hovered state, and the current page item (example when you are on the Features page, Features in the top menu would be styled in some way to help the user know where they are. “visited” colors are most always not assigned to menu items.

    If you wish the current page item to be the purple, this would be the CSS to do that. 

    #masthead ul li.current-menu-item > a {
  color: #c9f;
}

    Also, two of your custom CSS rules have two color declarations in them. This is generally not a good idea as it causes the browser to do more work when it is loading and rendering your web pages. I would remove the duplicate color declarations in those rules.

  • Unknown's avatar
    thesacredpath · Member ·

    For your subscribe button, this will set it to your purple. 

    input[type="submit"], #submit {
  background-color: #c9f;
}
  • The topic ‘Change visited link colour and subscribe button colour’ is closed to new replies.