• jadams1974

    (@jadams1974)


    The links on my site are white. If i change those links, i will also be changing the button links in which the text is supposed to be white as Hover and regular states are red & black respectively.

    How can i change the global site links from white to red without changing the links that are within the buttons.

    Thank you everyone very much for your help on my first website.

    site url: https://test.riverwalkpizzeria.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think you will have to redeclare your button styles as red, e.g.:

    button a {
        color: red;
    }

    Thread Starter jadams1974

    (@jadams1974)

    so just add that css to my style sheet? That will leave the text in the black (hovered Red) button white?

    And then change the global links from white to red? Thank you, sorry if I’m not getting it. Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you add your original change to create the white text problem?
    And oops sorry I meant add this instead:

    button a:hover {
        color: red;
    }

    Thread Starter jadams1974

    (@jadams1974)

    this is the css i used to make the button red on hover
    button:hover,
    a.button:hover,
    input[type=”button”]:hover,
    input[type=”reset”]:hover,
    input[type=”submit”]:hover {
    background: #FB0D0D;
    border-color: #ff2828;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you put that at the bottom of the theme’s style.css file?

    Thread Starter jadams1974

    (@jadams1974)

    the text already associated with the theme is going me white links, i just happened mohave a dark button with white text. I only want white text in the buttons and not throughout the site i.e.. custom menu in footer.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, I think this is the CSS you want:

    button:hover a {
        color: #333;
    }

    Thread Starter jadams1974

    (@jadams1974)

    okay, placed that in the css. the only way to test if it works i guess is to now change the colors of the links the white links in the footer. Change them to red, and see if the button links remainn white. on hover and not hover. If so i will be all set. so, how do i change links to white, while leaving the button text and hover text in button white.
    Thank you

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Links and button Links (Hover Issue)’ is closed to new replies.