Liquid, JavaScript, thema's
Hello,
I am using the Dawn 11.0 theme and I want a multicolumn announcement bar. To achieve that, I called the Multicolumn section in the Theme.liquid above the header. In this way I created a multicolumn header. But now I want to align the text in the multicollumn. In the left column the text must be left, in the middle column the text must be centered and in the right column the text must be aligned on the right. I have already tried several adjustments, but it just won't work. I have a temporary solution but this is not neat. Each column now has a different text height, and with custom CSS I have aligned the content as below.
h4 { text-align: left; margin-top: 10px; } h5 { text-align: right; margin-top: 10px; }
In the settings_data.json, a kind of ID for each column is used, see below:
"multicolumn": { "type": "multicolumn", "blocks": { "279a5bb6-7bbd-4647-9a08-ba958bce2d6e": { "type": "column", "settings": { "title": "", "text": "<h5>Welkom bij DaRu-Deals<\/h5>", "link_label": "", "link": "" } }, "a67499a4-71c7-4caa-a573-0c097845013f": { "type": "column", "settings": { "title": "", "text": "", "link_label": "", "link": "" } }, "61ae96e9-73cb-4004-ae39-a78cea22b92a": { "type": "column", "settings": { "title": "", "text": "<h5>📞 +316-51580623<\/h5>", "link_label": "", "link": "" } } }, "block_order": [ "279a5bb6-7bbd-4647-9a08-ba958bce2d6e", "a67499a4-71c7-4caa-a573-0c097845013f", "61ae96e9-73cb-4004-ae39-a78cea22b92a"
but if I add the alignment here, it will be overruled by the 'User Agent Stylesheet'.
How can I call this column ID to align the content, and where should I do that?
Can someone help me with this?
Heb je ooit een klant aan de telefoon gehad die zich afvroeg waarom ze dubbele verzendk...
By Lee Sep 13, 2024Disclaimer: het is je eigen verantwoordelijkheid om de lokale belastingautoriteiten of een...
By Arno Aug 30, 2024Stel je dit voor; je hebt een perfect idee voor een product en je wilt dit idee zo snel m...
By Jay Aug 8, 2024