Aggiungere un’ombra attorno alle notizie

padovano2022
(@padovano2022)

1 anno, 6 mesi fa

Vorrei che i tag che contengono gli articoli del blog avessero un’ombra come sul sito seguente:
andbin.dev
Sul mio tema OceanWP ho settato questa opzione:
Opzioni gerali > Impostazioni generali > separato
ma temo di dover scrivere del codice CSS personalizzato.
Mi sapreste aiutare?
Grazie

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)

Moderatore Rosetta Facciolini
(@ramthas)

Web Manager

1 anno, 6 mesi fa
Ciao @padovano2022
il codice CSS che utilizza il sito per quell’effetto è questo
box-shadow: 0px 4px 7px 0px rgb(0 0 0 / 30%)
Però non conosco il tema che usi e non saprei dirti dove va inserito… probabilmente nel file style.css del tema child, e potresti provare in questo modo
```
.blog-entry.post {
    box-shadow: 0px 4px 7px 0px rgb(0 0 0 / 30%);
    padding: 25px;
}
```
Però mi spiace ma non so se funzionerà… in tal caso attendi altre risposte se qualcuno conosce il tema.

Facci sapere, Ciao 🙂
- Questa risposta è stata modificata 1 anno, 6 mesi fa da Rosetta Facciolini.
- Questa risposta è stata modificata 1 anno, 6 mesi fa da Rosetta Facciolini.
Chi ha creato la discussione padovano2022
(@padovano2022)

1 anno, 5 mesi fa
Grazie @ramthas, il tuo codice funziona alla perfezione.
Bisognerebbe ancora aggiungere l’effetto ai singoli articoli. Quando clicco sull’articolo e vado a leggerlo l’effetto scompare.
Sto usando OceanWP senza nessuna demo.
Sembra non esistere una classe specifica per ogni articolo.
```
</header>

	<div id="content-wrap" class="container clr">

		<div id="primary" class="content-area clr">

			<div id="content" class="site-content clr">
	
<article id="post-36">

<header class="entry-header clr">
	<h2 class="single-post-title entry-title" itemprop="headline">Avviso generico</h2>
</header>

<ul class="meta ospm-default clr">

<li class="meta-date" itemprop="datePublished"><span class="screen-reader-text">Articolo pubblicato:</span><i class=" icon-clock" aria-hidden="true" role="img"></i>2 Ottobre 2022</li>
```
Se uso questo codice dopo l’ombra si aggiunge una cornice bianca:
```
.site-content article {
    box-shadow: 0px 4px 7px 0px rgb(0 0 0 / 30%);
    padding: 25px;
}
```
Moderatore Rosetta Facciolini
(@ramthas)

Web Manager

1 anno, 5 mesi fa

Ciao @padovano2022
prova a togliere
padding: 25px;
Altrimenti non saprei… potresti in caso mettere qui il link della pagina dove vorresti attivare l’effetto e vediamo

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)

Il topic ‘Aggiungere un’ombra attorno alle notizie’ è chiuso a nuove risposte.

Visualizza