postfooter ; centered

Jeg er blevet spurgt, hvordan man får ens post-footer til at være centreret. Det vil jeg med seks enkle trin vise i dette indlæg.


Hvordan har du sat "skriv en kommentar" eller bare i 
det hele taget "kommentar" linket i midten? På min blog 
er den ude i venstre side. 


SÅDAN GØR DU

1. Gå ind på din blog og tryk på "Skabelon" i menuen ude til venstre.
2. Tryk på "Rediger HTML" og på "Fortsæt" for at redigere HTML'en.
3. Find det sted, der står:

                                          .post-footer {
                                            margin: 20px -2px 0;
                                            padding: 5px 10px;

                                            color: $(post.footer.text.color);
                                            background-color: $(post.footer.background.color);
                                            border-bottom: 1px solid $(post.footer.border.color);

                                            line-height: 1.6;
                                            font-size: 100%;
                                          }

TIP: Brug evt. din "Find" funktion til at finde "post-footer" (ctrl+F / cmd+F)

4. Indsæt følgende kode mellem "10px;" og "color: $":

                                             text-align: center;

5. Nu skulle det gerne se sådan her ud:

                                          .post-footer {
                                            margin: 20px -2px 0;
                                            padding: 5px 10px;
                                             text-align: center;
                                            color: $(post.footer.text.color);

                                            background-color: $(post.footer.background.color);
                                            border-bottom: 1px solid $(post.footer.border.color);

                                            line-height: 1.6;
                                            font-size: 100%;
                                          }


6. Tryk på "Gem skabelon" - så skulle det gerne virke!

Ingen kommentarer:

Send en kommentar