# Crea un overlay a gradiente di sfondo sulla pagina, rendendo l'area di discussione bianca

**URL:** <https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879>\
**Category:** Product Support\
**Created:** [13 Dicembre 2019, 6:07pm UTC](https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879 "2019-12-13T18:07:14Z")\
**Posts on this page:** 1\
**Showing post:** 3

<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:** [13 Dicembre 2019, 6:42pm UTC](https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879/3 "2019-12-13T18:42:29Z")

</div>

> [@jord8on](#):
>
> Non lo so, ma potrebbe essere necessario un overlay a gradiente orizzontale bi-lineare per il mio sfondo, che passi da #FFFFFF (bianco) al centro a trasparente ai bordi

Giusto, un overlay a gradiente è probabilmente l’approccio migliore… puoi definire due sfondi contemporaneamente in questo modo:

```css
body {
 background: radial-gradient(circle at center, rgba(255,255,255,1) 35%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/b7df60bb8a3fd1584f393dee365865ca83e4906e.svg) center top / 300px auto ;
 background-attachment: fixed;
}

```

Oppure, se vuoi applicare questo gradiente di sfondo solo alle pagine dei topic e non ad altre pagine (come profili, liste di topic, ecc)… potresti impostare il pattern su `body`, e poi sovrapporre il gradiente di sfondo in `.archetype-regular #main-outlet { }`

---

_[View the full topic](https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879)._