WebSite X5Help Center

 
Miguel Galarza
Miguel Galarza
User

¿Margin o Padding en Blog?  es

Autor: Miguel Galarza
Visitado 628, Followers 2, Compartido 0  

Saludos comunidad:

Hace unos días vi un post de Jorge Rodriguez:
https://helpcenter.websitex5.com/es/post/237498

En donde preguntaba por el margen en los post del blog ya que el contenido queda pegado a las orillas. Pero ya no pude colocar esta respuesta.

Bien he hecho este style en donde me funciona pero con padding, no con margin:

Colocar Antes del cierre de la etiqueta HEAD (Paso 3 seleccionar  Blog:Página Principal - Propiedades - Avanzado)


<!-- Visualizaciones de 1400px hasta xxxx -->
<style>
@media(min-width: 1400px){

.imBlogPostBody{
padding: 30px 45px 30px 40px;
}
}
</style>

<!-- Visualizaciones de 1200px hasta 1399px -->
<style>
@media(max-width: 1399px){

.imBlogPostBody{
padding: 25px 40px 25px 40px;
}
}
</style>

<!-- Visualizaciones de 1100px hasta 1199px -->
<style>
@media(max-width: 1199px){

.imBlogPostBody{
padding: 25px 35px 25px 35px;
}
}
</style>

<!-- Visualizaciones de 960px hasta 1099px -->
<style>
@media(max-width: 1099px){

.imBlogPostBody{
padding: 20px 30px 20px 30px;
}
}
</style>

<!-- Visualizaciones de 720px hasta 959px -->
<style>
@media(max-width: 959px){

.imBlogPostBody{
padding: 15px 25px 15px 25px;
}
}
</style>

<!-- Visualizaciones de 480px hasta 719px -->
<style>
@media(max-width: 719px){

.imBlogPostBody{
padding: 10px 20px 10px 20px;
}
}
</style>

<!-- Visualizaciones abajo de 480 -->
<style>
@media(max-width: 479px){

.imBlogPostBody{
padding: 10px 10px 10px 10px;
}
}
</style>

NOTA: Lo he colocado por visualizaciones por separado. Solo es cuestión de editar según las que tengan.

Prueben y confirmen si les funciona.Y si lo pueden mejorar pues que mejor. :)

Buen día.

Publicado en
1 RESPUESTAS
Flavio M.
Flavio M.
User

Muito bom
Obrigado

Leer más
Publicado en de Flavio M.