• Hi all! It is necessary in the header of the site, in the menu to change the color of one link “спеціальні пропозиції”, it is necessary that the color of this link be red! Tried several options but nothing works I will be grateful for your help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, @denyskozhushko

    Is this what you mean?

    .redtext a {
        color: red !important;
    }

    And always remember to refresh browser cache after change css code. You can do it by hold Ctrl+F5 if you’re using Windows or by hold Cmd-Shift-R or Shift-Reload if you’re using Mac.

    Hope it helps.

    Thread Starter denyskozhushko

    (@denyskozhushko)

    where to put it right?
    i tried pasting in menu settings, in css class, before you helped me, but nothing helped. I need to change the color in just one menu item “special propositions” (спеціальні пропозиції)

    There are several ways to add custom css on WordPress. You can read it here: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Hope it helps.

    Thread Starter denyskozhushko

    (@denyskozhushko)

    @saadahsan

    thanks for the help, but it’s not exactly what I need… I only get to change the color of the entire menu, and not a single link, as I need. If you look at the page code, you can change the color of its top menu (I know how to do this)

    .mobile-header__menu>nav>ul>li>a {
        text-decoration: none;
        font-size: .875rem;
        line-height: 1.714;
        text-transform: uppercase;
        color: #000000;
        font-weight: 600;

    You can target a single link in the menu by adding a custom class name to the link, like this:

    https://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item

    Once you have done this, add your custom css to the Customizer –> Additional CSS:

    .CUSTOM-NAME .mobile-header__menu>nav>ul>li>a {

    text-decoration: none;

    font-size: .875rem;

    line-height: 1.714;

    text-transform: uppercase;

    color: #000000;

    font-weight: 600;

    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change the color of one button in the menu’ is closed to new replies.