DOMANDA Tema WP centratura

Pubblicità

urtensia

Nuovo Utente
Messaggi
5
Reazioni
0
Punteggio
21
Ciao, qualcuno può aiutarmi? Devo centrare il contenuto in una slidecaption su wordpress. Non ho esperienza... Ciò che voglio centrare è quello evidenziato.

<img src="<?php echo esc_url( get_template_directory_uri() ) ; ?>/images/slides/slider2.jpg" alt="" title="#slidecaption2" />
<img src="<?php echo esc_url( get_template_directory_uri() ) ; ?>/images/slides/slider3.jpg" alt="" title="#slidecaption3" />
</div>
<div id="slidecaption1" class="nivo-html-caption">
<div class="top-bar">
<h4><?php esc_html_e('Benvenute in TRM.','relief'); ?></h4>
<p><?php esc_html_e('Cellulite Addio è il “Metodo Vincente” specializzato in trattamenti Anticellulite,
il Metodo Vincente che ti aiuta a TRATTARE – RIDURRE – MANTENERE i tuoi risultati nel tempo!.','relief'); ?></p>
<a class="read-more" href="<?php the_permalink(); ?>"><?php esc_html_e('Richiedi una consulenza', 'relief');?></a>
 
Ultima modifica da un moderatore:
Sezione sbagliata e codice senza tag CODE o PHP.
Per cortesia piu' attenzione la prossima volta, correggo e sposto...

- - - Updated - - -

OK, nel tuo caso chiudo un occhio per la mancanza del tag, così resta evidenziato il testo che volevi.
 
Ciao, qualcuno può aiutarmi? Devo centrare il contenuto in una slidecaption su wordpress. Non ho esperienza... Ciò che voglio centrare è quello evidenziato.

<img src="<?php echo esc_url( get_template_directory_uri() ) ; ?>/images/slides/slider2.jpg" alt="" title="#slidecaption2" />
<img src="<?php echo esc_url( get_template_directory_uri() ) ; ?>/images/slides/slider3.jpg" alt="" title="#slidecaption3" />
</div>
<div id="slidecaption1" class="nivo-html-caption">
<div class="top-bar">
<h4><?php esc_html_e('Benvenute in TRM.','relief'); ?></h4>
<p><?php esc_html_e('Cellulite Addio è il “Metodo Vincente” specializzato in trattamenti Anticellulite,
il Metodo Vincente che ti aiuta a TRATTARE – RIDURRE – MANTENERE i tuoi risultati nel tempo!.','relief'); ?></p>
<a rel="nofollow" class="read-more" href="<?php the_permalink(); ?>"><?php esc_html_e('Richiedi una consulenza', 'relief');?></a>
Hai un link a cui vedere in azione il codice?

Così ad occhio dovrebbe bastare un text-align: center sul <p>. Il css potresti scriverlo così:

Codice:
.nivo-html-caption p {
text-align: center;
}
 
Cellulite Addio – Il Metodo per dire Addio alla cellulite! scusa ma sono poco pratico!

- - - Updated - - -

mi diresti anche dove andrebbe inserita la stringa?

Dentro l'amministrazione di Wordpress dovresti avere da qualche parte un posto con tutti i file compresi i file di stile, direi Generali -> Editor

Apri il file style.css o stylesheet.css (potrebbero anche avere nomi diversi, se non lo trovi fai uno screenshot e postalo qui) e in fondo aggiungi quelle tre righe che ho scritto.

Ho notato che il tasto sotto non è centrato. Per prendere due piccioni con una fava non aggiungere le 3 righe ma trova sempre nel file .css la riga .nivo-caption e prima della parentesi di chiusura } aggiungi: text-align: center;
 
...ho fatto un "riso e fagioli" che il cervello mi sta fumando..... Le modifiche le ho fatte sulla testata del tema e non su style.css tra le altre cose ho creato anche un tema child. Dato che sono all'inizio di questa avventura la trovo un po' complicata. Riesci ad aiutarmi?
Schermata 2016-07-27 alle 16.10.43.webp

- - - Updated - - -

il codice che avevo scritto sopra è quello presente nella testata del tema....
 
...ho fatto un "riso e fagioli" che il cervello mi sta fumando..... Le modifiche le ho fatte sulla testata del tema e non su style.css tra le altre cose ho creato anche un tema child. Dato che sono all'inizio di questa avventura la trovo un po' complicata. Riesci ad aiutarmi?
Visualizza allegato 212066

- - - Updated - - -

il codice che avevo scritto sopra è quello presente nella testata del tema....
Aspetta: intendi che hai aggiunto le righe nella testata? Hai già ripristinato il file originale? (non vedo danni sul sito, mi sembra che sia ok)

Il tema child è una ottima soluzione, segui questa guida: https://codex.wordpress.org/it:Temi_Child che mi sembra abbastanza completa. Io non metto mano su Wordpress da 2 anni ormai.

Comunque una volta creata la cartella del tema child e configurato il file style.css aggiungi semplicemente questo:
Codice:
.nivo-caption {
text-align: center;
}

Segui bene la guida per includere anche il file css del tema padre, altrimenti non ti caricherebbe nulla.

Se hai bisogno chiedi pure
 
Ultima modifica:
Quindi continuate in privato e posso chiudere ? ;)
Sarebbe meglio continuare sul topic in modo che possa un giorno essere utile anche ad altri.

Diciamo che non è per niente risolto:grat: Vorrei capire su che template devo agire per risolvere il problema; con l'indicazione che mi ha fornito "lukezona" non ho ben chiaro il da farsi (ovviamente è problema mio delle mie scarse competenze:look:).
Ho creato come suggerito delle copie dei template nella cartella ...-child.., però andare a trovare questa stringa di codice è un casino
PHP:
.nivo-html-caption p {text-align: center;
}
PHP:
 
Diciamo che non è per niente risolto:grat: Vorrei capire su che template devo agire per risolvere il problema; con l'indicazione che mi ha fornito "lukezona" non ho ben chiaro il da farsi (ovviamente è problema mio delle mie scarse competenze:look:).
Ho creato come suggerito delle copie dei template nella cartella ...-child.., però andare a trovare questa stringa di codice è un casino .nivo-html-caption p {text-align: center;
}
Scusa ma ho visto ora che hai scritto su FB (non lo uso molto e non avendoti tra gli amici non mi era arrivata la notifica del messaggio). Se vuoi posso provare a spiegarti qui passo passo quello che farei:

1 - Crea la cartella con il nome del tema che usi e aggiungici -child | ES: tema montagne, tu crei la cartella montagne-child
2 - Entra nella cartella e crea un file style.css
3- Nel file css inserisci questo testo:
Codice:
/*
Theme Name:     Il mio tema child
Template:       nome del template originale che usi (deve essere lo stesso nome della cartella)  | [I]ES: montagne[/I]
*/
4 - Per evitare di smanettare con i file PHP e accodare più stili io copierei il contenuto del file style.css del tema originale dentro al file del tema child (attento a non prendere l'intestazione compresa tra /* e */).
5 - Nel file style.css del tema child in fondo aggiungi
Codice:
.nivo-caption {
text-align: center;
}
6 - Salvi il file ed entri nell'amministrazione di Wordpress, vai a scegliere i temi del tuo sito e dovresti trovare "Il mio tema child" come opzione. Selezionalo e applica le modifiche

Prova a fare così e fammi sapere
 
Ultima modifica:
Pubblicità
Pubblicità
Indietro
Top