Suporte » Temas » Espaçamento na header

  • Oi pessoal, meu anúncio está muito pertinho do menu no site. Quero dar um espaçamento. Usei <br> mas não deu muito certo. Alguém sabe outra forma?

    Obrigada!

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • Olá @layal86,

    Você pode usar CSS para controlar o espaçamento em elementos de seu site. Dependendo da forma como está distribuído o elemento em seu site você pode usar margin-top ou padding-top.

    Caso tenha algum dúvida favor informar.

    Opa, boa ideia, mas vamos lá, pra eu nao fazer nenhuma besteira rs. Eu mexeria no CSS na parte de margin-top ou padding? tipo aumentaria o número certo/?

    Olá, @layal86

    Verifiquei em seu site e o anuncio abaixo do menu já possui algumas configurações de espaçamento com padding, então você pode utilizar o padding mesmo, veja:

    Apenas para facilitar a ordem dos valores é de acordo com o seguinte: padding: “top” “right” “bottom” “left”

    #conteudo-propaganda {
    width: 650px;
    padding: 10px 0px 0px 70px;
    position: relative;
    float: left;
    }

    Então para alterar o espaçamento do topo basta aumentar ou diminuir o valor do “10px”.

    Caso tenha algum dúvida favor informar.

    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.

    Oi Italo, esse codigo #conteudo-propaganda {
    width: 650px;
    padding: 10px 0px 0px 70px;
    position: relative;
    float: left;
    }

    Está no meu CSS? Pq eu nao achei! Você poderia por gentileza me dar mais informações para eu achar o código. Ou é para inserir no CSS? Grata!

    Olá @layal86,

    Encontrei este código no arquivo style.css (aqui). Você pode editar este arquivo através de seu editor no wordpress caso seu usuário tenha permissão. Recomendo que faça um backup antes de alterar qualquer coisa em seu tema 😀

    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.
    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.

    Oi Italo, perto da onde você achou esse código? Dei um control f e nada de achar! rs

    Ola @layao86,

    Este ID eu encontrei na linha 199 do arquivo style.css no caminho “themes/blog/style.css”

    O site que você está utilizando como referência é o conversafeminina.com.br?

    Caso tenha algum dúvida favor informar.

    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.

    Ah, eu nao ia achar nunca mesmo! haha é o site http://www.dicasmix.com.br 🙂

    Mais fácil agora uahehauuea.

    Então, analisei o banner de anuncio no topo, você deve fazer o seguinte:

    – Definir uma class ou um id para o anuncio para que você possa controla-lo de maneira correta.
    – Depois adicione esta class ou id no seu css e trabalhe com os espaçamentos necessários.

    Similar a isto:

    HTML

    <div class="anuncio_header">
       <a href="link-monetize"><img src="img/" class=""></a>
    </div>

    CSS:

    .anuncio_header{
        float: left;
        margin: 30px 0 0 0;
    }

    Caso tenha algum dúvida favor informar.

    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.
    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.
    • Esta resposta foi modificada 3 anos, 7 meses atrás por italoxz.

    Italo, coloco so esse CSS que vocÊ citou, no meu style css, em qualquer local, isso?

    @layal86,

    Isso, e não esqueça de atribuir a classe ao elemento do anuncio: class=”anuncio_header”. Sem a identificação da class o css não funciona.

    Veja se o plugin que gera o anuncio permite a inserção de id ou class para que você possa fazer essa modificação.

    Eita que medo rs tive tantos transtornos com o site esses dias. Estou achando mais fácil diminuir um pouco o anúncio vou ver se isso é possível =)

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • O tópico ‘Espaçamento na header’ está fechado para novas respostas.