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.
Criador do tópico
Layal86
(@layal86)
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 7 anos, 4 meses atrás por
italoxz.
Criador do tópico
Layal86
(@layal86)
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 7 anos, 4 meses atrás por italoxz.
-
Esta resposta foi modificada 7 anos, 4 meses atrás por italoxz.
Criador do tópico
Layal86
(@layal86)
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 7 anos, 4 meses atrás por italoxz.
Criador do tópico
Layal86
(@layal86)
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 7 anos, 4 meses atrás por italoxz.
-
Esta resposta foi modificada 7 anos, 4 meses atrás por italoxz.
-
Esta resposta foi modificada 7 anos, 4 meses atrás por italoxz.
Criador do tópico
Layal86
(@layal86)
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.
Criador do tópico
Layal86
(@layal86)
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 =)
