Layout

I saw that the plug in was not tested on WP 4.0. May be that’s the problem ?

Laurence

Hello LaurenceV,

I think the presentation is more linked to your theme than the WordPress core, so i dont think it is an issue linked to WP 4.0 !

Your issue is on the presentation of shortcode ? widget ? or both maybe ?
Can we see an example of your result in front-end ? If we can do something on our side i’ll be able to see it ?? or help you as well !

Best regards,
Nicolas

Hello Nicolas,

Ok… May be it is.

In my back office, everything is ok. I have no problem. I think so.

But when I publish my page, the layout is not clear at all (and it isn’t nice). Here is my page : https://www.partispour.com/reves-pleins-tete

I hope you can help me to fix this,

Thank you in advance,

Laurence

Hello Laurence,

Encore une fois désolé pour ce temps de réponse un peu long, je ne voyais pas les notifications de WordPress et du support.

Je me permet de te répondre en Fran?ais pour qu’on puisse discuter plus simplement sur ce qui ne va pas (comme j’ai vue que le blog était en Fran?ais) !

Donc sur la liste que tu me montres la, j’imagine que ce qui ne vas pas c’est :

• L’espace entre chaque “catégorie” ?
• Le style des puces ne te convient pas peut-être ?

Si tu pouvais me détailler un peu l’affichage que tu attend je pourrais t’aider un peu plus !

A trés vite,
Nicolas

Bonjour Nicolas,

C’est plus facile pour moi d’expliquer en fran?ais. J’en profite donc ??

Oui, ce qui ne va pas c’est la présentation :

– lorsqu’une liste est terminée, le nom de la catégorie suivante est collée et j’aimerais que ce soit plus aéré.

– je voulais des puces un peu plus sympas : comme celles qui sont par exemple dans le back end. Un peu plus grande pour que le texte soit un peu plus aéré.

Donc, en gros, que ce soit un peu plus aéré pour faciliter la lecture. Sinon, pour le reste, ?a va.

Merci en tout cas pour ton aide,

Bonne journée,

Laurence

Bonjour Laurence,

Alors pour rajouter de l’espace entre les listes il faut rajouter les insctructions suivantes dans ton style.css de ton theme :
.bucket {margin-top:15px;}
Tu peux augmenter ou réduire l’espace en augmentant la valeur (ici 15).

En ce qui concerne l’espace entre les lignes des listes, de la même manière dans le style.css tu devrais rajouter ceci :
.bucket li {padding-top:5px;}

Tu rajoutes cela en allant à la ligne à chaque fois !

Maintenant pour les petits points (style des puces) il faudrait savoir ce que tu veux exactement comme icones / images. Dans notre admin (la croix c’est ?a ?) c’est une image. Tu peux la ré-utiliser je pense mais pour le code CSS exact je vais demander à Corinne !

Essaye déja donc de rajouter les lignes suivantes dans ton style.css :

.bucket {margin-top:15px;}
.bucket li {padding-top:5px;}

Et tu me dis ce que ?a donne !

Bonne journée et à bient?t,
Nicolas

Merci Nicolas,

La présentation est déjà plus agréable. Merci beaucoup.

Si je change la puce pour la liste, cela signifie-t-il que toutes les puces seront modifiées (donc même celles dans mes articles de blog) ? Je ne sais pas non plus ce que je voudrais exactement. J’avais envie de quelque chose d’un peu moins standard.

En tout cas, merci beaucoup pour ton aide.

Bonne journée,

Laurence

Bonjour Laurence,

Pas de quoi ! avec plaisir ??

Pour les puces, non, seulement celle des bucket lists changeront, tu n’as pas à te soucier de cela. Par contre il faut trouver une image (comme nous dans l’admin) qui te convient.
Tu voudrais essayer avec les mêmes que dans l’administration du plugin ?

A bient?t et bonne journée à toi aussi,
Nicolas

Bonjour Nicolas,
Je me permets de rejoindre la conversation car j’ai le même problème que Laurence, j’ai installé le Plugin mais il n’y a aucune mise en forme. Ceux sont de simple bullet point comme si j’avais mis des puces.

J’aimerais que la mise en forme soit comme la bucket list que tu montres en exemple que j’aime beaucoup. LE problème c’est que ne comprends rien au code. Tu parles de rentrer ces lignes dans le style.css du thème, mais où exactement ?
.bucket {margin-top:15px;}
.bucket li {padding-top:5px;}

Et que faire ensuite…
Merci beaucoup beaucoup ??
Julie

Bonjour Julie,

On peut regarder cela pour toi aussi ??

Le code que j’ai donné la (les deux lignes donc) est a placer dans le style.css en fin de fichier (tu sautes une ligne et hop tu colles ces deux là!).
Mais ce code te permet simplement d’espacer les lignes et les catégories entre elle.

Toi, tu souhaiterais changer le style des puces si j’ai bien compris ?
Pour cela il faut déterminer l’image que tu veux mettre à la place des bullet-point, et on pourra ensuite mettre ?a en forme sur ton site.

Pour que je puisse t’aider un peu mieux, pourrais-tu me donner l’URL de ta liste, ainsi que de l’exemple qui te plait (je ne retrouve pas l’exemple dont je parle qui te plait :x, désolé) ?

Je reste à ta disposition,

Nicolas

Rebonjour Nicolas,

C’est bon j’ai réussi à modifier les espaces. Merci beaucoup.

En fait, je souhaiterais avoir la même mise en forme que celle que tu proposes ici : https://www.vie-nomade.com/liste/ avec notamment des lignes qui séparent chaque objectif, et intégrer des puces différentes que les classiques ronds.

Peux-tu m’aider sur ce point aussi ?
Je ne peux pas pour l’instant t’envoyer l’url car je n’ai pas encore mis la liste en ligne.

Encore merci.

Julie

Bonjour Nicolas,

Je n’ai pas eu de réponse de ta part à mon dernier post.

J’ai publié la Bucket List sur le blog https://happyculture-et-vous.fr/bucket-list-life-list/

Peux-tu m’aider à configurer la mise en forme comme tu as fait la tienne comme je l’indique dans mon billet ci-dessus ? J’aimerais que la mise en forme soit casi identique à la tienne.
https://www.vie-nomade.com/liste/

Merci beaucoup d’avance pour ton retour.
Julie

Bonjour Julie,

Oula excuse moi ?? j’étais persuadé d’avoir tout traité.
Entre les fêtes et puis nos autres projets j’ai oublié la discussion.

J’ai bien lu ton dernier post, donc oui effectivement je dois pouvoir t’aider.
En fait comme j’ai pu le dire précédemment à Laurence sur ce post, il est tout a fait possible de changer le style de la puce.
Néanmoins sur l’exemple de vie-nomade c’est une image créé par l’auteur du blog. Je vais lui demander si tu veux pour savoir si on peut te la faire passer et l’utiliser sur le tiens.
Après, n’importe quelle image d’une puce peut faire l’affaire, si jamais tu en as une autre qui te plait on peut la mettre en place.

Fait moi savoir quelle solution tu préfères, et puis dés qu’on a une image je te guiderais pour le fichier de style.

Encore une fois désolé pour ma réponse tardive ??

A très vite,
Nicolas

Merci Nicolas pour ta réponse. Aucun soucis pour l’oubli de réponse, ne t’inquiètes pas ??

En fait pour l’image de la puce, j’ai choisi une image de puce, donc ?a c’est bon. Mais après comment l’intégrer ? Comment mettre des lignes de séparation entre chaque “goal” comme c’est le cas sur https://www.vie-nomade.com/liste/ et comment modifier la taille de police des titres de catégories qui sont très gros (en H3 apparemment) ? ?a fait beaucoup de comment :-/

Je te laisse revenir vers moi quand tu auras un moment.

Encore merci
Julie

Bonjour Julie!

Ne t’inquiètes pas ! ?a ne fait pas des masses et on est là pour ?a ??

Je vais regarder le plugin aujourd’hui pour faire une petite mise à jour.
J’en profite pour te préparer aussi le bout de code CSS qui te permettra de mettre en place ce que tu veux sur ces listes.

Je reviens vers toi au plus vite,
Nicolas