Om du vill centrera en bakgrundsbild i ditt Tumblr-bloggtema redigerar du en enkel rad med CSS-kod på bloggtemaets HTML-kodsida. Överväg att använda en bakgrundsbild som fyller bakgrundsutrymmet utan att upprepa eller "kakelplatta". Bakgrundsbildfunktionen i Tumblr Redux-temat är standard som bakgrund. Du kan inaktivera sida vid sida och centrera bakgrundsbilden genom att redigera samma CSS-uttalande. Observera att du kan centrera bilden både vertikalt och horisontellt.
Öppna Tumblr och klicka sedan på pilen bredvid ditt bloggnamn för att visa en lista över alla dina bloggar. Klicka på bloggen för att redigera i popup-dialogrutan. Gå till nästa steg om du vill redigera ditt primära bloggtema.
Klicka på fliken "Anpassa" för att öppna det valda temat i redigeringsläge.
Klicka på ikonen "Ladda upp" i avsnittet Bakgrundsbild på panelen Anpassa, bläddra sedan till och klicka på bakgrundsbilden. Klicka på "Öppna" för att ladda upp bilden.
Klicka på länken "Redigera HTML" för att öppna temaredigeraren.
Tryck på "Ctrl-F" för att öppna verktyget Sök och ersätt. Skriv "bakgrund" utan citattecken i inmatningsrutan. Klicka på nedåtpilen för att hitta följande kodrader:
body {background: {color: Background} url ('{image: Background}') uppe till vänster fast upprepning;
Ändra värdena för bakgrundsegenskapen för "fast vänster uppe till vänster" till "centrum för mitt upprepning." Den första instansen av "center" centrerar bilden vertikalt. Den andra instansen centrerar bilden horisontellt. Glöm inte semikolonet i slutet av uttalandet.
Klicka på knappen "Uppdatera förhandsgranskning" för att visa bakgrundsbilden i förhandsgranskningsfönstret.
Klicka på "Spara" för att spara kodredigeringarna och klicka sedan på Avsluta-ikonen för att stänga redigeraren och återgå till huvudsidan för din blogg.
Tips
Du kan använda en förkortning av koden för "mitt-upprepa mitt-raden" om du tänker centrera din bakgrundsbild både horisontellt och vertikalt. Om ett "center" -värde utelämnas antyds värdet "center". Du kan helt enkelt använda "no-repeat center" för att centrera bilden både vertikalt och horisontellt.
Raden "inte upprepa toppcentrum" centrerar bilden horisontellt och justerar bilden mot toppen av sidan.
