tema Tafri travel formato immagini

[mindy]

Ciao a tutti, ho installato questo tema, e nella demo le 4 immagini in basso sono rotonde,


ma a me sono uscite ovali, come anche sul tutorial che ho seguito,

sapete per caso come si fa ad averle tonde?

Grazie

[frasidipace]

Da quanto ho capito, le immagini in evidenza dovrebbero avere dimensioni 300px x 300px.
Aggiungendo il seguente CSS dovresti comunque riuscire a forzare le dimensioni e ad ottenere la forma circolare:

.des_box .des_box_img img {
width: 300px;
height: 300px;
border-radius: 50%;
}

Aumenta la percentuale del border-radius se non ti soddisfa.
Nella configurazione del "Post Settings" tieni il "Post Featured Image Dimention" su Default.

Ciao

[mindy]

quasi bene, anche se aumentando la percentuale del border radius rimane così, non è proprio tondo ma va meglio, almeno le uova stanno in piedi

[darbula]

Puoi modificare solo se conosci le dimensioni reali e hanno lo stesso aspect ratio https://en.wikipedia.org/wiki/Aspect_ratio_(image)
Se la miniatura o l'origine mantiene lo stesso aspect ratio, puoi diminuire o aumentare con lo stesso aspect ratio. A limite verrà sfocata ma non ovalizzata risultando sempre tonda. Discorso diverso se le misure si devono adattare anche alla dimensioni della pagina (poiché anch'essa è aspect ratio) e infine bisogna conoscere le dimensioni del dispositivo di riproduzione "aspect ratio".

Cioè a dire poiché la tua pagina è di maggiore altezza rispetto alla demo, vedrai ovalizzato.

[frasidipace]

quasi bene, anche se aumentando la percentuale del border radius rimane così, non è proprio tondo ma va meglio, almeno le uova stanno in piedi

Mmmm.... non è che hai settato il "Container Box" con "Box Layout? Con "Default" o "Wide Layout" vengono tonde con border-radius 50%.

Ciao

[mindy]

mi pare che sia giusto, mi sa che devo cambiare tema

[frasidipace]

Strano, io riesco a configurarle tonde.

https://ibb.co/Bt8pM7z

Controlla la configurazione del tema.
Dimenticavo: Se hai attivato CloudFlare, attiva la modalistà di sviluppo, oppure lo disattivi temporaneamente, altrimenti le modifiche grafiche potresti non vederle subito. Prova a svuotare anche la cache.

Ciao

[mindy]

CloudFlare è non è attivo, ho seguito questo link trovato in rete,https://themeseye.com/theme-demo/doc...-tafri-travel/ forse dovrei cambiare qualche impostazione.

[frasidipace]

Ho lasciato le impostazioni di default, quindi se non hai modificato nulla dovresti avere la mia stessa configurazione.
Puoi rendere visibile la pagina? Magari si riesce ad aiutarti utilizzando i tools del browser.
Ciao

[mindy]

E' una vecchia pagina vuota che stavo usando per provare il tema http://atlantideedintorni.altervista.org/

[frasidipace]

Credo che sia la risoluzione o qualche impostazione grafica del tuo monitor . Sono tonde https://ibb.co/PTvJFnv
Prova a visualizzare anche sullo smartphone. Sul mio sono pefettamente tonde.

Ciao

[darbula]

Però la demo nel suo iframe utilizza 256x256 aspect ratio 1:1 miniature, invece penso salti qualche passaggio quando crei una nuova categoria.
Dal tuo browser fai cerca Destination Section di tale guida https://themeseye.com/theme-demo/doc...-tafri-travel/ "Step 1 - Go to Dashboard >> Appearance >> Categories >> Add New"
Togli il css personalizzato, svuota la cache del browser o plugin o altro.

Mindy nella demo li vedrà tondi, quindi qualcosa cambia nel sito di prova.
Mentre la miniutara se via browser può perdere di qualità, o ridimensionamento errato poiché sceglie l'algoritmo più veloce che non sempre coincide con la qualità. Li vedi ovali perché il tuo browser applica un'errata conversione di due aspect ratio diversi.

Ti occorre semplicemente la miniatura creata dal tema, siccome sarà con aspect ratio 1:1 256x256 sarà sempre adattabile dal browser. Questa ad esempio sarebbe il primo "ipotetico" tondo http://oscurato.altervista.org/114-2/ boh a me non sembra nemmeno una categoria :/ che sarebbe questa http://oscurato.altervista.org/wp-co...70-768x432.jpg 768x432 con aspect ratios 1,78:1 (16:9)
Sostituire oscurato con il dominio interessato.

[mindy]

Credo che sia la risoluzione o qualche impostazione grafica del tuo monitor . Sono tonde https://ibb.co/PTvJFnv
Prova a visualizzare anche sullo smartphone. Sul mio sono pefettamente tonde.

Ciao

davvero?

[darbula]

Se il browser riesce a calcolare due diversi aspect ratio, certo si vedono tonde.
Però se vuoi la massima compatibilità dovrà essere il tema a creare le miniature.

[mindy]

E' vero dal cellulare le vedo tonde però se ci clicco il risultato è che l'effetto on mouse over è ovale.

[darbula]

Mindy hai letto qui dove ti fermi?
Crea una nuova categoria, poi guarda i due passaggi successivi della guida anche se crei post da prova. Per capire se il tema non riesce a creare miniatura.

[frasidipace]

E' vero dal cellulare le vedo tonde però se ci clicco il risultato è che l'effetto on mouse over è ovale.

Sul mio smartphone sempre tonde anche cliccando su. Dicentano un po' più grandi ma restano tonde, sia con Chrome, sia con l'app nativa Samsung.
Sul PC ho provato con 3 browser e tutti le mostrano tonde.
Hai provato con un altro browser?
Dimenticavo: hai un monitor 16:9 o 4:3? Ho notato che con 16:9 riducendo la schermata diventano ovali. O presumibilmente sei con un portatile, infatti ho provato col portatile e le immagini sono ovali. Potrebbe essere, quindi, il responsive del tema a fare questo scherzo. Tra l'altro questo tema mi sembra sia sviluppato con il framework bootstrap, quinsi son dolori...

Ciao

[frasidipace]

EUREKA! Forse ho trovato.
Aggiungi questo CSS:

.col-lg-3 {
flex: 0 0 auto;
width: auto;
}

Con questo funziona il ridimensionamento e anche sul portatile. Fammi sapere come va sullo smartphone.

Ciao

[mindy]

EUREKA! Forse ho trovato.
Aggiungi questo CSS:

.col-lg-3 {
flex: 0 0 auto;
width: auto;
}

Con questo funziona il ridimensionamento e anche sul portatile. Fammi sapere come va sullo smartphone.

Ciao

Si uso il portatile, e aggiungendo il CSS adesso visualizzo correttamente, a parte palla a capo

[mindy]

dal cellulare anche tonde, solo un pò verso sinistra

[frasidipace]

Questo accade perché l'anteprima degli articoli è allineata a sinistra, quindi sullo smartphone vedi le singole sgfere allineate a sinistra.
Sul portatile la quarta sfera va a capo perché non ci sta nel video, è normale.
Volendo potresti allineare al centro, ma la quarta la vedresti da sola al cento, in questo modo https://ibb.co/MhFHPJm
Questo dipende da come vuoi far visualizzare.

Ciao

[mindy]

Non solo nell'anteprima, sono proprio 3 e una a capo, invece dovrebbero essere 4 allineate

[frasidipace]

Non solo nell'anteprima, sono proprio 3 e una a capo, invece dovrebbero essere 4 allineate

Riduci width e hight a 240px nel CSS che hai personalizzato.
Ma in questa categoria devi pubblicare solo 4 articoli? Se sì e vuoi centrare, modifica la class .col-lg-3 nel modo seguente:

.col-lg-3 {
flex: 0 0 auto;
width: auto;
text-align: center;
margin: 0px auto;
}

In questo modo centrerai anche sullo smartphone.

Ciao

[mindy]

Riduci width e hight a 240px nel CSS che hai personalizzato.
Ma in questa categoria devi pubblicare solo 4 articoli? Se sì e vuoi centrare, modifica la class .col-lg-3 nel modo seguente:

.col-lg-3 {
flex: 0 0 auto;
width: auto;
text-align: center;
margin: 0px auto;
}

In questo modo centrerai anche sullo smartphone.

Ciao

graziee così funziona,


quanto al n. di articoli sulla pagina del tema
https://www.themeseye.com/demo/tafri-travel-pro/ sembrerebbe che scorrano in slide, ed è proprio quello che mi servirebbe, ma io ho provato a metterne 5 e me lo manda a capo, forse perché sto usando la versione free.

[frasidipace]

graziee così funziona,


quanto al n. di articoli sulla pagina del tema
https://www.themeseye.com/demo/tafri-travel-pro/ sembrerebbe che scorrano in slide, ed è proprio quello che mi servirebbe, ma io ho provato a metterne 5 e me lo manda a capo, forse perché sto usando la versione free.

Effettivamente il link si riferisce alla versione PRO, ma prova a smanettare nella sezione Slider Setting. Eventualmente chiedi supporto nel forum del tema nella directory di Wordpress.

[mindy]

Avevo provato a chiedere ma mi avevano detto che era tutto a pagamento, pure le palle

[frasidipace]

Avevo provato a chiedere ma mi avevano detto che era tutto a pagamento, pure le palle

Ehhhh....
Se ti serve uno slider gratuito per gli articoli prova questo .
Ovviamente dovresti abbandonare le opzioni del tema e configurare lo shortcode del plugin per quello che vuoi ottenere.
Potresti ottenere qualcosa del genere:

[mindy]

Ehhhh....
Se ti serve uno slider gratuito per gli articoli prova questo .
Ovviamente dovresti abbandonare le opzioni del tema e configurare lo shortcode del plugin per quello che vuoi ottenere.
Potresti ottenere qualcosa del genere:

non riesco a visualizzare il link

[frasidipace]

Scusa, eccolo:
https://it.wordpress.org/plugins/wp-...t-post-slider/

Dai un'occhiata anche a questo https://it.wordpress.org/plugins/post-carousel/

[mindy]

grazie li provo