Margem direita do artigo

Olá, @adintelliagri!

Você está utilizando um Child Theme ou alterando diretamente no Tema Twenty Fourteen?

Se está utilizando o Twenty Fourteen, não me recordo se o mesmo permite CSS Adicional. Se permitir, basta alterar duas linhas de código:

.content-area {
    width: 100%;
}

E

.site-content .entry-header {
    max-width: 100%;
}

Após o procedimento, retorne aqui para dizer se deu certo ou se ainda resta alguma dúvida.

olá @adintelliagri,

se você usar navegador Firefox ou Google Chrome, a função Inspecionar ajuda muito. clicando com o botão direito sobre o texto de seu site, dá para ver que ele está com “padding-right: 30px” e “padding-left: 30px”. dai o porque o texto está estreito, pois esses padding estreitam o texto. em mobile, isso fica ainda pior.

vá em Aparência > Personalizar > CSS Adicional e experimente:

.entry-content {
margin-left: 0px;
margin-right: 0px;
max-width: 1280px;
}

ajuste esses valores para ficar como deseja. e teste em versão mobile, ou seja, veja seu site no celular.

algo que você pode adicionar para ajustar também são justamente os paddings, que estão com 30px para right e left. então seu código já ficaria.

.entry-content {
margin-left: 0px;
margin-right: 0px;
max-width: 1280px;
padding-right: 30px;
padding-left: 30px;
}

abraços e boa sorte,

• Esta resposta foi modificada 5 anos, 7 meses atrás por Ralden Souza.