Cambiar margenes e interlineado en blog Prestashop  

¡Hola Isabel!

El interlineado se define a través de los estilos CSS usando la propiedad line-height.

Si quieres cambiar el valor del interlineado, edita el archivo templates/leo_furniture/css/bootstrap.css* donde deberás de buscar:

*: Antes de modificar la plantilla, aconsejamos hacerlo siempre con un custom css personalizado. Y por supuesto, haz copia de seguridad antes de realizar cualquier cambio.

body {

}

Y añadir por ejemplo:

line-height:1.5;

En el caso de que tengas diferencias de interlineado entre distintas páginas, indícanos el enlace de ambas para que lo podamos revisar.

Sobre el caso de los margenes deberás de emplear la propiedad padding y margin para conseguir aumentar los espacios. Tendrás que aplicar esta propiedad justamente a la clase o div que te marque el tema.

Te recomendamos visitar el siguiente enlace donde podrás encontrar la mayoría de las propiedades más utilizadas en CSS para diseñar a gusto tu página Web:

http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Saludos

Buenas de nuevo, siento molestar otra vez, he intentado hacer algún cambio con sus indicaciones pero veo que estoy torpe para esto,

he probado añadiendo al final del archivo modules/smartblog/css/smartblogstyle.css un nuevo apartado inventandomelo prácticamente porque no se nada de código y mas o menos guiándome por lo que leo, puse:
.sdsblogArticle {
padding:20px;
line-height: 1.5px;

pero no se hizo ningún cambio, ósea que lo habré hecho mal seguro, también he buscado en el archivo algún apartado dedicado al body del articulo, tal y como me ha indicado, y no he encontrado.

He localizado un apartado (muestro captura) llamado articlecontent que estaba vacío y he introducido el contenido que remarco en la captura y tampoco se ha aplicado ningún cambio....

Donde lo podría poner y como, soy muy novatilla y me atrevo a cambiar y probar pero no doy con el modo de cambiar el interlineado y los márgenes de los textos de todo el smartblog.

HOla

Envía la url exacta del blog para ver los artículos que comentas, no la he podido localizar en tu sitio

Saludos.

www.violetadulce.com/blog.html

seria para cambiar márgenes indicados con flechas en captura, y también el espacio de interlineado

disculpeme por no indicar la url del blog que al estar en edición no lo tengo accesible desde la tienda

Hola

Primero tienes que estandarizar como colocaras tu contenido, es muy probable que estes copiando y pegando desde word o algo similar ya que veo que es incorrecto, por ejemplo usar h4 para cada lína de texto, por ejemplo en este artículo :

http://violetadulce.com/blog/27_Trufas-de-chocolate-thermomix.html

Verás como se muestra en la captura de pantalla.

Luego este otro
http://violetadulce.com/blog/25_Centro-de-cupcakes.html

Veo que tiene etiquetas divs como renglones dentro de etiquetas p

En conclusión, no hagas copiar pegar directamente, o has copiar pegar pero sin formato, lo correcto es trabajar todos tus textos con etiquetas de parrafos : p , nada de divs o h4 para los parrafos

Una vez que corrijas eso será facil realizar las modficaciones de interlineado de otra manera se complica

Saludos.

De acuerdo, no lo sabia y por rapidez copiaba y pegaba.

He arreglado uno de los posts para hacer las pruebas de interlineado y márgenes, el que he arreglado es el http://violetadulce.com/blog/24_Tarritos-Kilner-con-velitas-y-aroma.html.
¿como podría intentar hacer el cambio de márgenes de textos en blog y el interlineado para poder ver en dicho post que se aplica los cambios correctamente? y ya luego arreglar poco a poco los demás artículos.

Hola

Ubica el siguiente archivo :
/themes/leo_furniture/css/local/custom.css

Agrega el siguiente código :

#sdsblogCategory p, #sdsblogArticle p{
	line-height:28px;
	margin-bottom:50px;
}

lógicamente debes cambiar 28px y 50px por los valores que quieras

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :

Saludos.

Acabo de hacer el cambio y he ido a comprobar en los post donde ya había limpiado el formato, el resultado es un poco raro y no se han aplicado los cambios deseados, sino que se han solapado algunas lineas, adjunto muestra en captura y le indico los links de ambos post que estaba limpios de h4 y div
http://violetadulce.com/blog/26_Lemon-curd.html
http://violetadulce.com/blog/27_Trufas-de-chocolate-thermomix.html

añado captura con el cambio que he hecho en el archivo

¡Hola Isabael!

Acabo de entrar en los enlaces que nos has compartido y veo correctamente los cambios ¿has probado a limpiar la caché del navegador o usar otro ? Probablemente aún estés bajo los efectos de la caché sin los cambios que recién has hecho en tu web.

Importante: Edita el código anterior que mi compañero le indicó por el siguiente:

#sdsblogCategory p, #sdsblogArticle p{ line-height: 1.5; margin-bottom:20px; }

Saludos

Buenas,

he podido aplicar parte de los cambios que quería con este hilo, pero solo para el texto del post, pero no con otros que quería modificar.

El tema es que el margen que he aplicado al texto de dentro del blog, siguiendo vuestras indicaciones, sigue dejando intacto el margen del titulo, la información de vistas y tal de dentro del post y, ademas, todo lo relativo al mini resumen del post dentro de las categorías. Os muestro capturas.

Lo que queria era poder ampliar el margen de todo, no solo del texto (captura dos) donde se ven unos márgenes muy estrechitos que me gustaría poner igual que los del texto de dentro del post (modificando archivo con la indicación que me habéis dado).

¿Es posible cambiar el margen de todo el contenido del blog, no solo del texto de los posts?

Os dejo enlace a blog, porque aun no esta publicado ni enlazado desde la tienda, http://violetadulce.com/blog/category.html

Prestashop 1.6. Pack Furniture

Hola

Lo veo correctamente, como esta formateado, el problema es que si quieres poner un margen mayor de los metadatos superiores y del contenido, la estructura html que se forma no ayuda mucho, no se hasta que punto valdría la pena poner varios estilos CSS sólo para definir un margen similar, lo más practico sería variar la estructura html pero esto implica tocar archivos y programar

Saludos.