Fotos aparecem coladas no texto do post
-
Olá galera venho pedir ajuda.
Quando vou postar um texto com foto, as imagens sempre aparecem coladas com as palavras ou seja não cria aquele espaço entre foto e texto o que deixa a postagem embolada,
como resolvo isso?
No aguardo…
Obrigado!
-
Posta o link aqui, de preferência com uma à esquerda e outra à direita.
Vc vai ter que criar uma propriedade css para as imagens colocando uma margem.
Foto a esquerda colada no texto
Foto a direita colada no texto
http://www.adecevic.com/?p=421
Veja aí como ficam.
e quanto a propriedade css, se vc tiver o codigo aí e poder indicar porque eu não faço ideia.
Valeu irmão!
gkgilas, tenta colocar no arquivo style.css do seu tema as linhas abaixo:
.alignleft{ margin-right:10px; } .alignright{ margin-left:10px; }
Não Funcionou.
Eu não entendo, todos os temas wordpress que eu trabalho esse problema está presente.
No Blogspot por exemplo, quando você inseri uma foto no texto,você pode arrastar a mesma pra qualquer lugar do post que o texto se molda direitinho em volta da foto.
Já aqui no WP a luta é grande na hora de arrasta ou indicar o lado da foto no texto.
Acho que estamos precisando avançar nesse quesito, uma vez que um texto sem imagem não diz muita coisa.
Mas vamos lá, continuo precisando de ajuda
Obrigado.
gkgilas, você deve ter feito alguma coisa errada porque eu testei o código que te falei no firebug e funcionou perfeitamente. Com o firebug eu posso abrir um site qualquer, modificar o código e ver o resultado em tempo real, então entrei no seu site e inclui o código que falei no CSS e o texto se afastou da imagem exatamente 10px como definido no CSS, logo imagino que não tenha inserido o código corretamente.
Olha, abri o arquivo: http://www.adecevic.com/wp-content/themes/rt_solarsentinel_wp/css/wp.css
do seu site e logo no inicio encontrei as linhas:
.alignleft {
float: left;
}
.alignright {
float: right;
}
Acrescenta a margin nessas linhas que vai funcionar, se fizer isso não funcionar me avisa que vou olhar se você inseriu corretamente, o código deve ficar assim:
gkgilas, você deve ter feito alguma coisa errada porque eu testei o código que te falei no firebug e funcionou perfeitamente. Com o firebug eu posso abrir um site qualquer, modificar o código e ver o resultado em tempo real, então entrei no seu site e inclui o código que falei no CSS e o texto se afastou da imagem exatamente 10px como definido no CSS, logo imagino que não tenha inserido o código corretamente.
Olha, abri o arquivo: http://www.adecevic.com/wp-content/themes/rt_solarsentinel_wp/css/wp.css
do seu site e logo no inicio encontrei as linhas:
.alignleft {
float: left;
margin-right:10px;
}
.alignright {
float: right;
margin-left:10px;
}
gkgilas, acessei o arquivo e não vi o código que te mandei colocar. O link com a foto que você passou também não aparece aqui, o arquivo que você deve editar da forma que falei acima é:
http://www.adecevic.com/wp-content/themes/rt_solarsentinel_wp/css/wp.css
Clica no link você mesmo e vai ver que tem:
.alignleft {
float: left;
}.alignright {
float: right;
}Deve ficar como falei no post anterior.
Será que não estou entendendo onde colocar? Veja que estou colocando o codigo na folha (style.css)
Olá gente por favor vejam a foto e me ajudem, não sei mais o que fazer!
Identifiquei três erros na imagem que passou,
1- Primeiro erro é que o código está comentado
2 – O código de alignleft está sem o ” . ” assim o css não reconhece ele
3 – o arquivo de folha de estilo que está modificando não está sendo chamada pelo wordpress logo não reconhecendo seu códigoSolução
entre na pasta do tema do seu wordpress, edite o arquivo wp.css
e ai sim adcione ou modifique o seguinte código
.alignleft { float:left; } .alignright { float:right; }
para :
.alignleft { float:left; margin-right:10px; } .alignright { float:right; margin-left:10px; }
se assim resolver seu problema por favor nos comunique.
Cara tenho que reconhecer que não estou acertando. Infelizmente vou ter que passar assim mesmo o site para o cliente, a mesmo que vc me ajude se puder inserir pra mim e se tiver tempo vai tá me ajudando bastante e aí vc fazendo eu olho e aprendo, mas se não puder eut ambém agradeço pelas informações. Segue o link com os dois arquivos: STYLE.CSS E WP-RSS
gkgilas,
Desculpe mas não tinha visto meu email ontem, caso não tenha visto você colocou senha no zip e não me passou caso queria mandar envie por email
falecom@foalthik.comThiago, olha direitinho, não coloquei senha não, baixei aqui e extrair para conferir e realmente está sem senha.
Aguardo…
obrigado!
- O tópico ‘Fotos aparecem coladas no texto do post’ está fechado para novas respostas.