Alterar CSS / formatação em uma página específica, mas não em geral?

11

Como altero a formatação em http://wordpress.barrycarter.info/index.php/voronoi-temperature-map/ para que (por exemplo) o mapa esteja quase nivelado com a parte inferior da barra de menus?

Não quero editar o page.php, pois isso mudará todas as páginas, não apenas esta.

formatting

— barrycarter
fonte

6

Depois de criar o CSS específico, você precisa formatar a página como quiser, você pode:

Crie um modelo de página personalizado com o CSS e atribua o modelo a esta página.
Crie um arquivo page- {slug} .php com o CSS, onde {slug} é o slug de página desta página (provavelmente o nome do arquivo deve ser page-voronoi-temperature-map.php).
Crie um arquivo page- {ID} .php, onde, se o ID for 6, o WordPress usará o page-6.php.

Essas três opções foram mencionadas no Codex, em Hierarquia de modelos . Ao usar qualquer uma dessas 3 opções, você pode alterar o layout desta página sem afetar o restante das páginas.

— Manzabar
fonte

Obrigado! O próprio page.php diz "Se você deseja sobrecarregar isso em um tema filho, inclua um arquivo chamado loop-page.php e que será usado em seu lugar.", mas isso não parecia certo, pois loop-page.php exibe todas as postagens e não uma única página.

— Barrycarter 21/05

13

Se você olhar a fonte da página, verá que <body>recebeu uma aula page-id-1199. Você pode usar isso na sua folha de estilo para especificar estilos apenas para essa página.

.page-id-1199 #map { /* custom styles */ }

— Geert
fonte