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?
Gebruiker | RANKING |
---|---|
2 | |
1 | |
1 | |
1 |
Op onze Shopify App Store kan je vele handige apps vinden die je kunnen helpen bij het opb...
By Arno Nov 27, 2023Op onze Shopify Expert Marketplace kan je vele vertrouwde, externe organisaties en freelan...
By Arno Oct 30, 2023Black Friday Cyber Monday (BFCM) 2023 staat voor de deur. Of je nou een beginnende onderne...
By Lee Oct 23, 2023