# Come aggiungere un nuovo pulsante con un colore diverso

**URL:** https://meta.discourse.org/t/how-to-add-new-button-in-different-color/98721
**Category:** UX
**Created:** [4 Ottobre 2018, 2:11pm UTC](https://meta.discourse.org/t/how-to-add-new-button-in-different-color/98721 "2018-10-04T14:11:55Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4 Ottobre 2018, 2:34pm UTC](https://meta.discourse.org/t/how-to-add-new-button-in-different-color/98721/2 "2018-10-04T14:34:06Z")

</div>

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

> [@Custom Top Navigation Links](https://meta.discourse.org/t/custom-top-navigation-links/87225):
>
> discourse2Summary Custom Top Navigation Links allows you to add links to Discourse top navigation.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-top-navigation-links)hammer_and_wrenchRepository Link [https://github.com/discourse/Discourse-nav-links-component](https://github.com/discourse/Discourse-nav-links-component)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop Mobile Settings: …

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:

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

```

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-new-button-in-different-color/98721)._