Full justify a portion of Rich Text block in Dawn theme

Shopify Discussion
1

Hi,

I have a Rich Text block which is centre justified by default. I would like the first line to be centre justified and then the remainder to be full justified.

I have seen answers which speak to assigning the css code to the rich-text component, but I do not want it to apply to the whole block.

How can I get this done?

Thanks

Steve

2

@siric See CSS code is working on whole block you are using Rich Text block by default it is justified but you want only first line then you must be use HTML block instead of Rich text block then your desire result will be possible with the help of tags and class you can set the alignment for each and every line.

3

Thanks, but I do not see an HTML block only Rich Text

siric_0-1721739366733.png
siric_0-1721739366733.png332×662 10.4 KB

4

Hi @siric Go to Edit Code > Click on Section tab and create new section and write any name as you like and paste below code.


  {{ section.settings.custom_html | raw }}

{% schema %}
{
  "name": "Custom HTML Block",
  "settings": [
    {
      "type": "html",
      "id": "custom_html",
      "label": "Custom HTML",
      "default": "

Enter your custom HTML here.

",
      "info": "Add any HTML content you want to display."
    }
  ],
  "presets": [
    {
      "name": "Custom HTML",
      "category": "Custom"
    }
  ]
}
{% endschema %}

Now go to customization > search for the HTML block you will find that block and you can enter your content with html tags.

Let me know if you need any help!