[RISOLTO] Spostare il testo solo all'interno di un modulo

[enricomainero]

Ciao a tutti,

gestisco www.scriveresulweb.it

In Home ho sistemato un modulo per l'iscrizione alla Newsletter. Vorrei fare in modo che il contenuto all'interno del modulo avesse più margine (per quanto riguarda la sinistra).

Ho provato a assegnare, sul file css, un margin-left di 10px alla classe p ma il problema è che mi sposta anche il testo degli articoli.

Mi potete dare una mano?

Grazie

[Franceschino]

Ciao, devi ritrovare il file html/php che gestisce questo moduletto e modifichi il codice. Ti potrebbe bastare mettere un

Codice: [Seleziona]

<p style="margin-left:20px;">  per spostare tutto in blocco, altrimenti ti crei proprio delle classi personalizzate se hai bisogno di spostare anche le etichette o il pulsante a piacimento. Una volta individuato il file puoi fare quello che vuoi. 

[enricomainero]

ok grazie per gli spunti.

diciamo che voglia puntare sulla creazione di una classe personalizzata.

Ora la classe CSS associata al modulo è:

Codice: [Seleziona]

#right div.module div div div  ,
#right div.module_menu div div div{
padding: 0px 5px 0 5px;
padding-bottom:15px;
background:transparent ;
width:190px;

}
come devo procedere? inserisco il suffisso css all'interno del modulo e poi lo metto nel file template.css?

mettiamo che io scriva _bis nello spazio suffisso. Poi nel file css cosa devo inserire? #right_bis?

Grazie

[Franceschino]

no in realtà non è quella..te ne accorgi andando a modificare uno qualunque di quei valori oppure inserendo un margin-left... quel div che hai individuato si riferisce a tutta la colonna... quella che interessa te ha solo un semplice p (posizionati bene con firebug!)  quindi ti devi ritrovare il file che gestisce l'iscrizione alla newsletter e fare semplicemente

Codice: [Seleziona]

<p class="nome_classe;">e poi ti vai a definire la tua classe nel file css. 

[enricomainero]

Ciao,

ho trovato il file del modulo. Ho scritto:

Codice: [Seleziona]

<p class="newsletter">
Ho inserito, come suffisso css del modulo la parola newsletter. Poi ho scritto nel file CSS:

Codice: [Seleziona]


newsletter {

font-size: 100%;
margin-left: 20px;

}

Ma sebra non funzionare. Cosa sbaglio?

Grazie della pazienza

[Franceschino]

Allora...alcune cose le hai fatte bene...altre meno..
un conto è il suffisso classe modulo, un altro la classe che hai inserito nel codice... perchè le hai chiamate allo stesso modo?e soprattutto perchè vuoi usarle entrambe?
Comunque quando inserisci un suffisso classe modulo ricordati di scriverlo in questo modo: _newsletter, perchè poi quando vai ad inserire la classe nel template.css dovrai inserirla in questo modo: .module_newsletter {}
Non ti dimenticare il . davanti! Se vedi il codice con firebug adesso la classe te la vede nell'html ma non è definita nel css proprio per questi motivi.
Spero di essere stato chiaro..se così non fosse sono qui 

[enricomainero]

Ciao,

grazie per la pazienza. Sono sicura che alla fine ce la faremo.

1) Ho messo _newsletter nel suffisso CSS, all'interno del modul
2) Ho messo <p class="mod_communicatorsubscribe_newsletter"> nel file php del modulo
3) Ho inserito in questo modo del codice nel file template.css:

Codice: [Seleziona]

.mod_communicatorsubscribe_newsletter {
font-size: 100%;
margin-left: 30px;
}

Alla fine però vorrei aggiungere delle configurazioni tali affinchè quel modulo della newsletter sia del tutto assimilabile agli altri che sono ora sulla destra. Cosa devo aggiungere affinchè per esempio ci sia lo sfondo bianco per il modulo e quello grigio per il titolo del modulo?

Grazie

[Franceschino]

Ok, e apportando queste modifiche hai ottenuto i risultati che volevi?
Ti sei dimenticata di definire la classe .module_newsletter... fallo; poi vediamo gli sfondi. Il bianco del modulo credo basti impostarlo in questa classe che andrai a definire mentre per il grigio del titolo credo tu debba riprendere di nuovo il codice di questo moduletto e inserire una classe per il titolo.. Fai questo e poi vediamo

[enricomainero]

Ciao,

credo d'aver risolto. Tu che ne pensi? Può andare così vero?

Grazie mille del tuo aiuto

[Franceschino]

secondo me se ci metti un riquadro intorno è + carino.. però questi so gusti..non hai fatto nemmeno lo sfondo del titolo come gli altri come dicevi... si può fare tutto, dipende solo da quello che vuoi fare tu 

[enricomainero]

Bhe pensandoci bene lo sfondo per il titolo e per il corpo non sarebbe male...