Para centralizar uma imagem de plano de fundo no tema do blog do Tumblr, edite uma linha simples de código CSS na página de código HTML do tema do blog. Considere o uso de uma imagem de plano de fundo que preencha o espaço de plano de fundo sem se repetir ou "lado a lado". O recurso de imagem de plano de fundo no tema padrão do Tumblr Redux mostra imagens de plano de fundo por padrão. Você pode desativar o mosaico e centralizar a imagem de fundo editando a mesma instrução CSS. Observe que você pode centralizar a imagem vertical e horizontalmente.
Abra o Tumblr e clique na seta ao lado do nome do seu blog para ver uma lista de todos os seus blogs. Clique no blog para editar na caixa de diálogo pop-up. Para editar o tema principal do seu blog, vá para a próxima etapa.
Clique na guia “Personalizar” para abrir o tema selecionado no modo Editar.
Clique no ícone “Upload” na seção Imagem de fundo do painel Personalizar e, em seguida, navegue até a imagem de fundo e clique nela. Clique em “Abrir” para fazer o upload da imagem.
Clique no link “Editar HTML” para abrir o editor de tema.
Pressione “Ctrl-F” para abrir a ferramenta Localizar e Substituir. Digite “fundo”, sem aspas, na caixa de entrada. Clique na seta para baixo para encontrar as seguintes linhas de código:
body {background: {color: Background} url ('{image: Background}') repetição fixa superior esquerda;
Altere os valores da propriedade de fundo de "repetição fixa superior esquerda" para "centro central sem repetição". A primeira instância de “centro” centraliza verticalmente a imagem. A segunda instância centraliza horizontalmente a imagem. Não se esqueça do ponto-e-vírgula no final da declaração.
Clique no botão “Atualizar visualização” para ver a imagem de fundo na janela de visualização.
Clique em “Salvar” para salvar as edições de código e, em seguida, clique no ícone Sair para fechar o editor e retornar à página principal do seu blog.
Pontas
Você pode usar um atalho de código para a linha “central sem repetição” se pretende centralizar sua imagem de plano de fundo horizontal e verticalmente. Se um valor de "centro" for omitido, um valor de "centro" está implícito. Você pode simplesmente usar "centro sem repetição" para centralizar a imagem tanto vertical quanto horizontalmente.
A linha "centro superior sem repetição" centraliza a imagem horizontalmente e a alinha com a parte superior da página.
