How to add new button in different color

UX
1

I need to add a new button just like the originals, but with a different color. How could I do it?

Explanation step by step, my English is not very good. My discourse knowledge is not good either :smile:

Thanks!!

32
Captura de pantalla 2018-10-04 a las 16.09.32.png1722Ɨ134 23.6 KB

2

Thereā€™s a theme component that makes adding links to the top nav really easy:

For custom styling, you can use that theme component and then target the link using the title attribute (which you configure in the theme component settings as the link description).

If you set up your new linkā€™s description to be ā€œThis is an example titleā€ you could target it using CSS like this:

.nav-pills>li[title="This is an example title"] {
   background: blue;
   >a { color: white; }
}
7 Likes
3

Doesnā€™t that target the header rather than the Top Nav?

This is a component for a specific link but might be able to be adapted depending on what you want the button to do:

7 Likes
4

ah youā€™re right, I linked the wrong component! Fixed my reply

6 Likes