Centrare - Spostare testo

[rinbo]

Ciao a tutti e BUON ANNO!!
Ho installato da poco un template trovato in questo sito, e sembra funzionare correttamente!
L'unico problema è l'allineamento el testo:
- Un banner ed il testo, per esempio, è allineato a sinistra nel frame centrale della pagina; vorrei che venisse spostato leggermente un pò più a destra o centrato;
- La pagina del login invece, ha i due form non totalmente allineati (come img allegata).

Chi mi aiuta a sistemarli?
Non saprei dove e come fare!


Grazie a tutti e.... Buon Anno ancora!

P.S.
Il sito al momento è in locale

[allegato eliminato automaticamente dopo un anno]

[Rasjah]

Senza il link è un pò difficile... però con firebug oppure Control+Maiuscolo+I, se navighi con Firefox, poi selezioni il testo o qualsiasi altra parte della pagina e vedi il relativo selettore. Poi a questo applichi l'istruzione margin... Però non sono mago.... e potrebbe essere differente.... Ripeto senza il link.......

[rinbo]

Grazie per l'nfo!
Questa mattina ho provato a smanettare un pò trovando l'errore (si tratta di 2 pixel, almeno credo) in meno; ma non riuscendo a trovare come sistemarlo!
Ho guardato tutti i CSS con dei riferimenti che potevano fare al mio caso.... ma niente!

Allego l'immagine di quanto trovato...
come puoi vedere dalle due immagini, le dimensioni del "riquadro login" è 15 x 16; mentre quello delle password è 13 x 16 ....


Grazie a tutti!

[allegato eliminato automaticamente dopo un anno]

[Rasjah]

quelle sono due immagini, trovale all'interno del tuo sito e poi con un programma di grafica... aumenti le dimensioni di una o diminuisci le dimensioni dell'altra. Se vuoi farle tue e due uguali... ma comunque per allineare bene il tutto devi usare il comando margin o se il caso padding..

[rinbo]

avevo pensato anche io di aumentare leggermente l'immagine...
ma non la trova come immagine!
Nè cliccando con il pulsante Destro del mouse, nè nel file html! 

[Rasjah]

mi dispiace .. ma senza il link del sito sottomano.... A mio modesto parere è sempre meglio provarlo su uno spazio online, ne esistono gratuiti....

[claudiocarrera]

prova ad aggiungere questa classe css:

Codice: [Seleziona]

.input-small{
padding-left:10px !important;
}
Per il banner non vedendoil codice non saprei

[rinbo]

Questa sera pubblicherò il sito quindi potrò indicare il link.
La stringa css dove la dovrei inserire?
Le file css principale?

[claudiocarrera]

avendo messo !important dovrebbe sovrascrivere la regola css in qualsiasi punto tu lo metti, uso il condizionale perché tutto dipende da cosa c'è scritto nei file css, quindi prova a inserirlo in uno dei file css, se non funziona una volta che ci dai il ink troviamo subito la soluzione.

[rinbo]

Ok!
Grazie mille!
Questa sera vi aggiornerò!

Grazie ancora

[rinbo]

Eccoci qui...
allora il link è questo:
http://www.veronahomebrewing.it/login.html

come potete vedere, le due immagini del login (anche se cliccando con il pulsante DX del mouse e cercando della sorgente della pag, non sono presenti come img), non permettono il corretto allineamento del form.

Vorrei inoltre, come indicato nel primo post, riuscire a centrare il banner presente nella pagina principale
http://www.veronahomebrewing.it
in modo che il testo sopra al banner, sia leggermente spostato dal bordo della tabella



Grazie

Ciao Ciao

[rinbo]

up up
Qualcuno mi sa aiutare?


Grazie


ciao

[adottauncane]

Ciao rinbo,
non è che mi sia chiarissimo cosa ti serve...
Comunque se aggiungi questo css in un file css del template poi puoi regolare come vuoi gli allineamenti:

Codice: [Seleziona]

.controls {
  padding-top: 3px;
  padding-bottom: 3px
}

#form-login-submit, #form-login-remember{
  padding-left: 15px;
}

#form-login-forgot, #form-login-register {
  margin-left: -10px;
}

[rinbo]

Ciao Adottauncane,
quello che vorrei fare, anche se è una piccolezza è riuscire ad allineare per bene i 2 form d'inserimento nome utete e password in quanto, se noti, non sono allineati in verticali.
Questa ovviamente è una piccolezza.... la natura di questo post era per il banner in prima pagina che, infatti, risulta essere allineato tutto sulla sinistra... sarebbe più gradevole se fosse al centro!

Grazie comunque per il tuo contributo che permette di spostare le scritte sotto all'area login (ricordami e dimenticato login/pwd)

[adottauncane]

Per il banner:

solo l'immagine:

Codice: [Seleziona]

.banneritem {
  text-align:center
}
Immagine e testo (seconda riga:

Codice: [Seleziona]

.bannergroup {
  text-align:center
}
tutto:

Codice: [Seleziona]

.dd-nostyle h3, .bannergroup {
  text-align:center
}
I presbiti come me non lo vedranno... comunque:

Codice: [Seleziona]

.cbModulePasswordIcon.fa.fa-lock {
    margin-right:1.5px
}
per il responsive fai delle prove ed eventualmente aggiungili anche lì.

[rinbo]

Grazie mille!

domani provo e ti faccio sapere....


Ciao ciao

[rinbo]

Ok!
Sistemato tutto...
ho fatto una piccola modifica al tuo codice, al posto di mettere il centrato (che non riuscivo a spostare solo la seconda riga), ho impostato tutto il testo (1° e 2° riga) e l'immagine di 1.5em

con questo codice:

Codice: [Seleziona]

.dd-nostyle h3 {
  text-indent: 1.5em
}

.bannergroup {
  text-indent: 1.5em
}

Sistemato anche la parte del login!

Ora ho l'ultimo problemino che credo sia abb. più complesso, ma apro un nuovo post in quanto, pur essendo secondo me CSS, parla di altro argomento!


GRAZIE A TUTTI PER L'AIUTO!