Immagini unite

[progettireader]

Salve. Sto pubblicando delle immagini uno sotto l'altro come da link, solo che vorrei fossero unite. Qui non si vede perché lo sfondo delle immagini è bianco. Ma poi dovrò caricare delle immagini a colori e li si noterebbe. C'è un codice per poterle mettere uno sotto l'altro e unite?

https://progettireader.altervista.org/couple-one-shot/

Grazie

[frasidipace]

Salve,
nel CSS rielvo di nuovo la classe aligncenter come ieri, quindi ritengo che stia aggiungendo le immagini all'interno di una tabella realizzata con un plugin.
Il problema è che se modifica il CSS di tale classe rischia poi di toccare qualcosa relativo alle tabelle.
Posso chiederLe, però, perché sta inserendo le immagini in una tabella?
Da come è realizzata la pagina potrebbe utilizzare semplicemente il blocco Immagine nativo di Wordpress, da inserire per ciascuna immagine che vuole far apparire nella pagina.
Ad ogni blocco assocerebbe una classe CSS personalizzata, es. my_image, e nel CSS aggiuntivo aggiungerebbe il seguente codice:

.my_image {
   margin-bottom:0;
}

Saluti

[progettireader]

le immagini non le sto mettendo dentro una tabella ma sono solo centrate.

[progettireader]

o meglio quelle del link che ho inviato solo una sotto l'altra. mentre in altre pagine si, ho usato delle tabelle. ma a me mi serve per unire le immagini che pubblico appunto cosi


https://progettireader.altervista.org/couple-one-shot/

[frasidipace]

o meglio quelle del link che ho inviato solo una sotto l'altra. mentre in altre pagine si, ho usato delle tabelle. ma a me mi serve per unire le immagini che pubblico appunto cosi


https://progettireader.altervista.org/couple-one-shot/

Segua quanto ho indicato nella precedente risposta.

Saluti

[progettireader]

quindi al css devo aggiungere anche quel codice? ho capito bene?

[frasidipace]

quindi al css devo aggiungere anche quel codice? ho capito bene?

Deve inserire ogni immagine in un blocco immagine. Il blocco potrà centrarlo con gli strumenti presenti nella parte alta dello stesso blocco.
A destra deve aprire la sezione avanzata e valorizzare il campo Classe/i CSS aggiuntiva/e con my_image (o altro nome che vorrà attribuire alla classe personalizzata).

Poi in Aspetto->Personalizza->CSS aggiuntivo aggiunge il codice CSS:

.my_image {
   margin-bottom:0;
}

Saluti

[progettireader]

non trovo la sezione avanzata. a destra non c'è. veda l'immagine

[frasidipace]

non trovo la sezione avanzata. a destra non c'è. veda l'immagine

Non vede la sezione perché sta utilizzando l'editor classico anziché l'editor a blocchi nativo di Wordpress.
Con l'editor classico, allora, inserisca le immagini una di seguito all'altra senza inserire spazi tra di esse. Poi le centri. Verranno una sotto l'altra senza spazi.

Saluti

[progettireader]

niente non funziona

[frasidipace]

L'editor classico è adatto per scrivere articoli. Quando si vogliono creare pagine un po' più articolate è preferibile utilizzare l'editor a blocchi, anche perché tra i blocchi vi è anche l'editor classico e quindi lo si può comunque utilizzare.
Detto ciò, provi ad aggiungere il seguente codice CSS aggiuntivo:

:where(img[class*="wp-image-"]) {
	margin-top:unset!important;
	margin-bottom:unset!important;
}

Saluti