Un utilisateur rencontre un problème d’alignement avec une section “liquid personnalisé” sur le thème Dawn. Le texte de cette section s’affiche complètement à gauche de l’écran, sans respecter les marges des autres sections, particulièrement visible sur mobile.
Solution proposée:
Référencer la classe CSS appropriée du thème utilisé
Pour Dawn spécifiquement, cette méthode permet d’indenter correctement le texte
Le rendu s’adapte automatiquement selon les paramètres définis pour desktop et mobile
Résultat:
La solution a été confirmée comme fonctionnelle par l’utilisateur initial. Des captures d’écran avant/après ont été partagées pour illustrer la différence. Pour d’autres thèmes, il est recommandé de partager l’URL du site afin d’identifier la classe CSS correcte à utiliser.
Summarized with AI on November 23.
AI used: claude-sonnet-4-5-20250929.
Je suis en train de créer ma boutique en ligne et j’essaye d’utiliser une section dite “liquid personnalisé” pour y ajouter des éléments de texte un peu spécifiques.
Le problème est que par défaut le rendu du texte codé se situe totalement à gauche de mon écran (pas aligné avec les autres sections pour lesquelles il y a une sorte de marge).
J’ai essayé d’utiliser le terme
au début du code ce qui me permet bien de décaler le texte et de m’aligner sur les autres sections (en utilisant plusieurs fois ce terme) mais je pense ce n’est pas top en matière de code et surtout je retrouve du coup ce décalage sur rendu mobile qui n’est pas très heureux.
J’imagine qu’il doit y avoir une technique pour régler ce point. Si quelqu’un peut me donner l’astuce ce serait très sympa.
Effectivement il existe un moyen simple de retrouver les marges que vous avez définies, que ce soit sur l’affichage desktop ou mobile.
Il vous suffit de référencer la classe CSS de vos sections (qui va varier selon le thème utilisé).
Voici l’exemple avec le thème “DAWN”:
AVANT: Rendu sans faire référence à la classe CSS (votre situation)
Le texte va venir s’indenter exactement comme vos autres section en fonction des paramètres que vous avez réglés sur ordinateur et mobile, ce qui fait que vous aurez un rendu parfait quelque soit l’appareil utilisé et le texte de votre section viendra s’adapter automatiquement si vous décidez de modifier la largeur de votre site à l’avenir.
Si vous utilisez un thème différent et avez des difficultés à retrouver la bonne classe CSS utilisée, n’hésitez pas à poster votre URL afin que je puisse vous donner le nom de la classe à référencer.
Et enfin, si ce message apporte la réponse à votre question, n’hésitez pas à le marquer comme solution, vous aiderez alors certainement d’autres personnes dans votre situation maintenant et à l’avenir.
