Suporte » Temas » Fotos aparecem coladas no texto do post

  • Resolvido gkgilas

    (@gkgilas)


    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!

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • 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.

    Criador do tópico gkgilas

    (@gkgilas)

    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!

    Moderador Leo Baiano

    (@leobaiano)

    gkgilas, tenta colocar no arquivo style.css do seu tema as linhas abaixo:

    .alignleft{
    margin-right:10px;
    }
    .alignright{
    margin-left:10px;
    }
    Criador do tópico gkgilas

    (@gkgilas)

    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.

    Moderador Leo Baiano

    (@leobaiano)

    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;
    }

    Criador do tópico gkgilas

    (@gkgilas)

    Coloquei e não funcionou, segue a foto de como inseri. por favor veja se fiz algo errado.

    Moderador Leo Baiano

    (@leobaiano)

    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.

    Criador do tópico gkgilas

    (@gkgilas)

    Será que não estou entendendo onde colocar? Veja que estou colocando o codigo na folha (style.css)

    http://i56.tinypic.com/2vwy69g.jpg

    Criador do tópico gkgilas

    (@gkgilas)

    Olá gente por favor vejam a foto e me ajudem, não sei mais o que fazer!

    http://i56.tinypic.com/2vwy69g.jpg

    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ódigo

    Soluçã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.

    Criador do tópico gkgilas

    (@gkgilas)

    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

    http://www.mediafire.com/?ir2kuh66i2cng6r

    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.com

    Criador do tópico gkgilas

    (@gkgilas)

    Thiago, olha direitinho, não coloquei senha não, baixei aqui e extrair para conferir e realmente está sem senha.

    Aguardo…

    obrigado!

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • O tópico ‘Fotos aparecem coladas no texto do post’ está fechado para novas respostas.