Different colours in navigation block

  • Hello, I want to make each item of a navigation block in theme twenty twenty four, with different colours.
    But in the right side panel there isn’t an attribute for colour for each item. Can anyone help me?
    Thank you very much!
    Mariza

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    As you’ve discovered, the nav block does not support styling to that level of detail. You’ll need to add your own custom CSS to get different colors for each item. You can use CSS’ :nth-child() pseudo-selector to target each element individually. You can use your browser’s element inspector tool to help come up with the right CSS. Changes in the inspector do not persist. Once you’ve come up with the right CSS, copy/paste it into the Style Book’s Additional CSS section.

    Thread Starter marizakwp

    (@marizakwp)

    Thank you so much @bcworkz! I will try that

    Thread Starter marizakwp

    (@marizakwp)

    I tested the :nth-child() CSS but it didn’t work. In fact any other CSS I’ve tried didn’t work.
    I think there is a CSS for the navigation block that overrides the individual CSS that I try to assign

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.