I try to change the Header Link Color but it's not

attempt 1

.Header-primary {
color: #ecf0f1;
}

attempt 2

.Header-controls {
color: #ecf0f1;
}
    mskian changed the title to Change the Header Menu Link Color .

    • [deleted]

    • Post #3

    mskian Can you provide a screenshot of what you are looking to change ? I think it's the links across the top header bar, but want to be sure before responding.

        • [deleted]

        • Post #5

        mskian Ahh, I see. In this case, you could use a wildcard like the below - obviously, change the color to suit

        li[class^="item-link"] a {
    color: #ffffff;
}

            • [deleted]

            • Post #7

            mskian Works for me. Can you clear your caches ?

                [deleted] Works for me. Can you clear your caches ?

                expect color rest things working like padding, margin width adjustments are working

                    • [deleted]

                    • Post #10

                    mskian So the color is not showing ? You could add !important at the end of the CSS class, although it shouldn't be necessary, and you may also impact any :hover class

                      it work's well

                      #header-primary > ul > li.item-link1 > a {
    color: #FFFC00;
  }
#header-primary > ul > li.item-link3 > a {
    color: #FFFC00;
  }

                        • [deleted]

                        • Post #12

                        mskian Great ! Odd though, as that is a long-winded version of

                        li[class^="item-link"] a {
    color: #ffffff;
}

                            • [deleted]

                            • Post #14

                            mskian Well, "yes", but I didn't need to