[RÉGLÉ] Espacement entre colonnes d'un blog

[leondelyon]

Bonjour à tous,
est-il possible de régler l'espacement entre colonnes d'une mise en page type blog ?
J'ai configuré un mise en page de ce type avec 2 colonnes et à l'affichage les colonnes sont pratiquement à touche touche. Je suis obligé de reprendre les articles et de faire des retour chariot pour éviter ce problème.
Toutes suggestions bienvenues. Joomla v3.2.2
A+
L

[Draco62]

Re : Espacement entre colonnes d'un blog

Bonjour,

Tu peux gérer cela directement en CSS. Ajout des padding aux class de tes div contenant des articles.
Cordialement

Sent from my CINK PEAX using Forum Joomla.fr mobile app

[leondelyon]

Re : Espacement entre colonnes d'un blog

Salut,
a faire dans le template concerné, je suppose ?
A+
L

[PieceOfCake]

Re : Espacement entre colonnes d'un blog

Bonjour,

Sans information sur le template utilisé, comment veux tu que l'on t'aide ?

et .... oui c'est forcément dans le template qu'il va falloir intervenir où d'autre ?

[lesoutier]

Re : Espacement entre colonnes d'un blog

a faire dans le template concerné, je suppose ?

Oui, de préférence. Dans un autre template, ça risque de ne pas donner le résultat escompté.

[leondelyon]

Re : Espacement entre colonnes d'un blog

j'utilise epic pro de joomlashine. j'ai testé des modif sur:

/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
/* SEPARATOR BETWEEN ARTICLES */
div.article_separator {
height: 1em;
clear: both;

}
div.row_separator {
height: 1em;
clear: both;
}
/* ARTICLE COLUMN CONTAINER */
.jsn-articlecols {
float: left;

}
.jsn-articlecols .jsn-article {
padding: 0 5px

}
en mettant padding: 10px, sans résultats !
A+
L

[webcrea]

Re : Espacement entre colonnes d'un blog

vide les caches...

tu peux aussi utiliser margin:0 10px;

ou

margin-left
margin-right..

[PieceOfCake]

Re : Espacement entre colonnes d'un blog

Où as tu mis tes modifications de styles, EPIC Pro fournit deux fichiers, le template.css de base plus un fichier complémentaire inaccessible avec la version gratuite (customization.css de mémoire) ?

JSN Epic permet en outre de configurer la largeur du template en pixels (minimum et maximum) et en pourcentage (flottant). J'ai configuré ma version JSN Epic FREE avec les valeurs suivantes :
Etroit : 960px
Large : 1150px
Flottant : 90%

Ma page d'accueil est en présentation blog sur 3 colonnes et je n'ai absolument aucun problème d'espace entre les colonnes (Si tu veux y jeter un œil, l'url de mon site est attachée à mon profil et est donc accessible).

Je viens de stresser la fenêtre du navigateur (rétrécissant - élargissant etc...) pour vérifier et je n'ai jamais le moindre problème en ce qui concerne l'écart entre les colonnes. Quand l'espace devient trop petit, le nombre de colonnes passe à 2 puis à 1 colonne et j'ai déjà vérifié sur un téléphone portable, c'est évidemment moins net, mais très lisible au demeurant, mais passe en 1 colonne sur un mobile (forcément).

Jouer sur l'espace entre deux colonnes me semble un besoin inutile.

PS : après vérification (via firebug), l'écart entre deux colonnes n'est pas défini dans le fichier template.css mais dans le fichier bootstrap.css qui régit le comportement du responsive en général (media/jui/css). Et il me semble excessivement dangereux de modifier l'écartement des colonnes, d'autant plus que l'usage qui en est fait par JSN Epic me semble correct puisque la classe utilisée est celle définit ci-après et qu'elle l'est en pourcentage :

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
} 

on peut discuter sur + ou - 2.12765957 etc mais tel quel chez moi ça marche parfaitement

[leondelyon]

Re : Espacement entre colonnes d'un blog

La partie que j'ai collé dans mon précédent post sont issues du fichier template.css, mais aucune modif sur padding ou margin ne fonctionnent. Je n'arrive pas à trouver oû réglé la largeur en pixel du template, je dois être fatigué.
Si j'ai bien compris cela devrait résoudre mon problème ?
J'ai trouvé:
#jsn-page {
color: #000;
margin: 0 auto;
width: 960px;
background-color: #fff;

Comment je fais pour avoir +sieurs width ?
A+
L

[leondelyon]

Re : Espacement entre colonnes d'un blog

les section blog, voir post précédent, font parties du fichier template.css. Rien n'y fait malgrè les changements sur padding ou margin. Si j'ai bien compris il faut simplement jouer sur:
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
background: repeat-x fixed left top;
}
#jsn-page {
color: #000;
margin: 0 auto;
width: 960px;

Comment je fais pour avoir +sieurs width et float ?
a+
L

[leondelyon]

Re : Espacement entre colonnes d'un blog

Une précision, dans la config du template, REGLAGES DISPOSITION, j'ai bien choisi Responsive pour mobile & Deskptop. Cela devrait donc fonctionnner sans toucher le fichier template.css ?
A+
L

[PieceOfCake]

Re : Espacement entre colonnes d'un blog

En mode administration Extensions > Gestion des templates

Cliquer sur JSN Epic FREE (pour moi PROD pour toi je suppose), onglet : Réglage Disposition, tout cela est documenté en long en large et en travers dans l'excellente documentation de Joomalshine concernant leur template JSN Epic, disponible en français (depusi octobre 2013 ?): jsn-epic-configuration-manual-fr.pdf, disponible sur leur site.

L'autre documentation tout aussi intéressante elle doit être encore en anglais : jsn-epic-customization-manual.pdf


voili voila


Cordialement

oops désolé pas vu le dernier post !

[PieceOfCake]

Re : Espacement entre colonnes d'un blog

Une précision, dans la config du template, REGLAGES DISPOSITION, j'ai bien choisi Responsive pour mobile & Deskptop. Cela devrait donc fonctionnner sans toucher le fichier template.css ?
A+
L

Moi j'ai pas eu besoin d'y toucher (en tout cas pas pour ça),

télécharge les documentations si tu veux vraiment utiliser le template à fond, ce serait dommage de ne les pas lire.

Cordialement

[leondelyon]

Re : Espacement entre colonnes d'un blog

j' ai lu les doc, meme celle en anglais, apparemment mon config est bonne, mais ne fonctionne pas...
A+
L

[leondelyon]

Re : Espacement entre colonnes d'un blog

Voir ci-joint mon écran: