FROM CACHE - nl_header
Deze community is overgestapt naar peer-to-peer ondersteuning. Shopify Support zal deze community niet langer ondersteunen. We raden je aan om contact op te nemen met andere merchants en partners voor hulp en om je ervaringen te delen! Blijf alles melden dat in strijd is met onze Gedragscode of content die je verwijderd wilt hebben.

Align content in multicolumn Dawn theme

Align content in multicolumn Dawn theme

Patje76
Toerist
7 0 1

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?

 

0 ANTWOORDEN 0