Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Detalhes da questão

Endereço do fórum: http://testenozuera.forumeiros.com/
Versão do fórum: Invision

Descrição

Olá pessoal.

A descrição do fórum que estou criando está muito "imprensada" com as bordas e a própria imagem de descrição. Gostaria de saber qual procedimento devo realizar para aumentar um pouco mais esse espaço. Procurei por tópicos similares para resolver minha dúvida, mas não encontrei nenhum especificamente com esse problema.

Imagem de como está o problema
https://i.imgur.com/auDKpOs.png


Como gostaria de deixar
https://i.imgur.com/FbnkPca.png

Bom dia!

Neste caso, a coisa mais prática que pode fazer é incluir o padding dentro do style da imagem do subfórum, se ela for uma imagem adicionada na descrição do subfórum. Então, você vai localizar:

Código:

<img src="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" alt="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" style="float:left;">

E depois do float:left;, inclua o padding: 5px; O quanto maior for o padding, mais ele ficará afastado.

Não hesite em questionar.

Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Shek escreveu:Bom dia!

Neste caso, a coisa mais prática que pode fazer é incluir o padding dentro do style da imagem do subfórum, se ela for uma imagem adicionada na descrição do subfórum. Então, você vai localizar:

Código:

<img src="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" alt="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" style="float:left;">

E depois do float:left;, inclua o padding: 5px; O quanto maior for o padding, mais ele ficará afastado.

Não hesite em questionar.

Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Olá Shek. Então, tentei localizar o código que você me passou, na folha CSS e não o encontrei. Também tentei fazer a adesão dele, porém não surtiu efeito.

Bom dia,

Particularmente eu recomendo você criar suas descrições dentro de uma caixa, por exemplo:

Código:

<div class="descricao">Descrição do fórum</div>

E depois no seu CSS você acrescenta:

Código:

.descricao {
padding-left: 5px;
}

Aí toda vez que fizer um novo fórum basta colocar a caixa no texto e ficará com essa distância.

Boa tarde, Danni.

Coloquei a descrição na caixa como você orientou. Porém, coloquei o código no CSS aumentando os px, mas não ta mudando nada

.Danni. escreveu:Bom dia,

Particularmente eu recomendo você criar suas descrições dentro de uma caixa, por exemplo:

Código:

<div class="descricao">Descrição do fórum</div>

E depois no seu CSS você acrescenta:

Código:

.descricao {
padding-left: 5px;
}

Aí toda vez que fizer um novo fórum basta colocar a caixa no texto e ficará com essa distância.

Bom, peço que desconsidere minha ultima resposta hahaha. Só vim perceber que realmente aumentou espaço quando inspecionei o código pelo Chrome.
https://i.imgur.com/jrIcB2T.png

Visto que aumentou o espaço no lado esquerdo, então foi óbvio aumentar o do lado direito. Adicionei o mesmo código só que trocando o left por right:

Código:

.descricao {
padding-right: 5px;
}

Feito isso, a descrição ficou quase como queria.
https://i.imgur.com/aR2D9P9.png

Só que, não há espaço entre a imagem de descrição e a descrição em texto. Tentei colocar a url da imagem (na mesma caixa e também em uma nova caixa) lá na área onde escreve a descrição, usando a ferramenta inserir uma imagem. Mas sempre sem sucesso

Boa tarde!

Finalmente consegui deixar como queria.
Para aumentar o espaço entre a imagem e a descrição em texto usei o código:

Código:

.row2.icon img {
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
}

Muito obrigado pelo suporte de vocês que foi de grande ajuda

Abs.