Printable View
Ciao a tutti, ho installato questo tema, e nella demo le 4 immagini in basso sono rotonde,
https://i.ibb.co/8jv7sZX/Cattura.jpg
ma a me sono uscite ovali, come anche sul tutorial che ho seguito,
https://i.ibb.co/zGS0wG3/deafult-fullpage.png
sapete per caso come si fa ad averle tonde?
Grazie
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
https://i.ibb.co/PcQtVDh/prova.jpg
quasi bene, anche se aumentando la percentuale del border radius rimane così, non è proprio tondo ma va meglio, almeno le uova stanno in piedi :=):
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.
Mmmm.... non è che hai settato il "Container Box" con "Box Layout? Con "Default" o "Wide Layout" vengono tonde con border-radius 50%.Citazione:
Originalmente inviato da mindy
Ciao
mi pare che sia giusto, mi sa che devo cambiare tema
https://i.ibb.co/Qjy903B/ss.jpg
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
CloudFlare è non è attivo, ho seguito questo link trovato in rete,https://themeseye.com/theme-demo/doc...-tafri-travel/ forse dovrei cambiare qualche impostazione.
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
E' una vecchia pagina vuota che stavo usando per provare il tema http://atlantideedintorni.altervista.org/
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
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.
davvero?:shock:Citazione:
Originalmente inviato da frasidipace
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.
E' vero dal cellulare le vedo tonde però se ci clicco il risultato è che l'effetto on mouse over è ovale.
https://i.ibb.co/wSdh42p/Screenshot-...206-Chrome.jpg
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.
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.Citazione:
Originalmente inviato da mindy
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
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
https://i.ibb.co/93yj8y1/prova-TT.jpgCitazione:
Originalmente inviato da frasidipace
Si uso il portatile, e aggiungendo il CSS adesso visualizzo correttamente, a parte palla a capo:mrgreen:
dal cellulare anche tonde, solo un pò verso sinistra
https://i.ibb.co/ZMspV9L/Screenshot-...900-Chrome.jpg
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
Non solo nell'anteprima, sono proprio 3 e una a capo, invece dovrebbero essere 4 allineate:crycry:
Riduci width e hight a 240px nel CSS che hai personalizzato.Citazione:
Originalmente inviato da mindy
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,Citazione:
Originalmente inviato da frasidipace
https://i.ibb.co/h9zDNt0/paginaprova.jpg
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.Citazione:
Originalmente inviato da mindy
Avevo provato a chiedere ma mi avevano detto che era tutto a pagamento, pure le palle :lol:
Ehhhh.... :lol:Citazione:
Originalmente inviato da mindy
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:
https://i.ibb.co/vxNWHBw/Carousel.jpg
non riesco a visualizzare il linkCitazione:
Originalmente inviato da 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/
grazie li provo :thumbsup: