Espaço em branco. Tema: Sydney

Resolvido renatapabst
(@renatapabst)

5 anos, 2 meses atrás

Olá pessoal,

Após pesquisar vários tópicos e tentar diversos “macetes” de CSS adicional que não funcionaram para o meu site, peço a ajuda de vocês para remover um espaço em branco abaixo do cabeçalho. Já tentei o plugin Title Remover também e a função de Hide Title do Elementor. É para todas as páginas do site.

Agradeço desde já!
http://www.belaro.com.br

A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 4 respostas - 1 até 4 (de um total de 4)

Moderador Felipe Santos
(@foosantos)

5 anos, 2 meses atrás
Olá, tudo bem?

Peço que verifique se este CSS lhe ajuda:
```
/* Remover espaço em branco abaixo do cabeçalho */

.page-wrap {
    padding-top: 0px !important;
}
```
Se isso não resolver, peço que me fale o local exato que precisa alterar, preferencialmente com uma imagem da sua tela, e posso verificar outras opções.
italoxz
(@italoxz)

5 anos, 2 meses atrás
Boa tarde @renatapabst, tudo bem?

Conseguiu remover o espaçamento do cabeçalho?

Vi que você está com outro tema:

Theme Name: Brand
Theme URI: https://www.wp-brandtheme.com/

Normalmente esses temas possuem uma opção de “remover espaço” ou “remover titulo principal” dentro de cada página.

Caso o tema não dê este suporte você pode resolver via CSS ou removendo diretamente no arquivo do tema (não recomendado).
- Esta resposta foi modificada 5 anos, 2 meses atrás por italoxz.
Ralden Souza
(@ralden)

5 anos, 2 meses atrás
saudações @renatapabst,

como bem apontou o @italoxz, o seu tema é o Brand. mas vendo os elementos no seu site, você está usando o Elementor. sou usuário do Elementor e sei como pode ser no início um pouco confuso gerenciar alguns elementos, vou tentar lhe ajudar.

usando a função “Inspencionar”, presente em todos os navegadores moderno, é possível ver que a área de conteúdo está com um Padding de 40px

[para ver a imagem em tamanho grande, clique com o botão direito do mouse e escolha “Ver imagem” ou algo similar, depende de seu navegador]

para resolver isso, há duas possibilidades.

1) ir no Editor do Elementor, na primeira seção que gerencia todo o conteúdo, e na coluna do lado esquerdo, onde fica as opções para gerenciar, divididas em Conteúdo / Estilo / Avançado, vá justamente em Avançado e veja as configurações de Padding, podendo ajustar os valores para bem menos que 40px.

2) baseado na imagem acima, vá no WordPress em Aparência > Personalizar > CSS Adicional e teste os seguinte código:
```
.row.site-main {
padding: 5px; //altere o valor conforme o resultado que deseja
}
```
ou, se não der certo
```
.main.row.site-main {
padding: 5px; //altere o valor conforme o resultado que deseja
}
```
não tenho certeza se vai funcionar porque o Elementor mistura id e class de uma forma que me faz errar.

além disso, você precisa gerenciar os Padding dos elementos para melhorar esse espaçamento.

na página inicial, no nome MARCAS, há um Padding de 30px, para todos os lados,

[para ver a imagem em tamanho grande, clique com o botão direito do mouse e escolha “Ver imagem” ou algo similar, depende de seu navegador]

aqui você selecionar no Editor do Elementor esse elemento MARCAS, ir na coluna do lado esquerdo em Avançado e mudar as configurações de Padding.

faça o mesmo nas demais páginas e conseguirá os resultados que deseja.

e por isso não adianta caçar códigos CSS no Google. porque esses espaçamentos são Paddings que estão sob ids e class do Elementor. para saber mais sobre Padding, que é uma espaçamento interno dentro de elementos, indico o artigo abaixo,

https://www.w3schools.com/css/css_padding.asp

espero que consiga com facilidade resolver sua questão. boa sorte e sucesso!

[código é poesia]
- Esta resposta foi modificada 5 anos, 2 meses atrás por Ralden Souza.
Criador do tópico renatapabst
(@renatapabst)

5 anos, 2 meses atrás

Oi Pessoal, obrigada pelas respostas. Não consegui remover o espaço que era bem grande e afetava bastante o visual do site, então optei por mudar o tema. Agora estou com esse Brand e gostando bastante. Mesmo assim, agradeço pela ajuda!