Ingrandire il font della testata

Aperto da wild56, Martedì - 29 Dicembre 2015 - 17:53

0 Utenti e 1 Visitatore stanno visualizzando questa discussione.

wild56

Sarebbe possibile ingrandire il font del titolo, e mettere lo slogan sotto quest'ultimo anziché nell'angolo superiore a dx?
grazie

[allegato eliminato da un amministratore]

Flavio93Zena

#1
1) Themes/default/css/index.css
Codice (cerca) Seleziona
h1.forumtitle
Avrai un font-size, modifica il valore a piacimento :)

2) Un po' più complesso e dipende se ti va bene la soluzione sbrigativa o meno ;D
Stesso file.
Codice (trova) Seleziona

#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: right;
    line-height: 3em;

Codice (sostituisci con) Seleziona

#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: right;
    line-height: 3em;
    clear: left;
    padding-left: 5px;

wild56

grazie provo, spero di non combinar disastri  ;D

Flavio93Zena


wild56

 provato: il font ingrandito funziona, ma lo slogan va una riga sotto e rimane a dx

Flavio93Zena

Sorry, typo nello scrivere :/

#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 3em;
    clear: left;
    padding-left: 5px;

wild56

 provato, lo slogan si sposta a sx come voluto, ma non esattamente sotto il titolo ma nel box sotto...
come faccio per tirarlo su subito sotto al titolo?


[allegato eliminato da un amministratore]

Flavio93Zena

A me piace di più così, ma se lo vuoi più vicino:
#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 3em;
    clear: left;
    padding-left: 5px;
    margin-top: -1.5em;

wild56

perfetto, ora la posizione è giusta: ma per aumentare un po' il font e mettere magari un bold per armonizzarlo meglio col titolo? :)

Flavio93Zena

#9
Eh per quello son 50€ ;D
#siteslogan, img#smflogo {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 3em;
    clear: left;
    margin-top: -1.5em;
    font-weight: bold;
    font-size: 1.5em;

P.S.: L'ho giustificato di nuovo lievemente siccome è nel blocco sopra non ha più bisogno del padding 5px sinistro.
P.P.S.: Ingrandisci o riduci il parametro "font-size" a piacimento per la grandezza del font, potresti volerlo più grande/piccolo.

wild56

ci siamo quasi ma:

1) come aumentare lo spazio dello slogan dalla riga di colore sotto (evitare che sia a filo)
2) eliminare questo spazio inutile
3) compattare questo spazio

[allegato eliminato da un amministratore]

Flavio93Zena

1) Non si può, è un background.
2) Elimina la proprietà margin-bottom da #upper_section nello stesso file.
3) .navigate_section ul hai un padding: 1m 0 0.5em 0
rendilo padding: 0.5em 0 0.5em 0

E rimuovi il "padding: 2;" che hai aggiunto a #siteslogan, img#smflogo, non è una proprietà valida e genera errori nel validatore css.

wild56

grazie, mi pare di aver messo a posto...

Flavio93Zena

Per migliorare un pochino il punto 1 potresti modificare il padding di #header div.frame
Hai un padding: 5px 20px 1em 0; rendilo padding: 0px 20px 1em 0;
E se ti va bene puoi marcare come risolto :)

emanuele

Citazione di: Flavio93Zena il Lunedì - 04 Gennaio 2016 - 13:34
1) Non si può, è un background.
Risposta errata.
La risposta corretta è: devi modificare l'immagine.

Discussioni simili (3)