I set alignment for a specific field of cards like this:
But, as you can see, the alignment isn’t settled. It’s still like a center alignment! How can I make it work? The following is the content of the Back field:
<div>a substance diffused or suspended in the air, especially one normally liquid or solid.</div><div><ul><li>dense clouds of smoke and toxic vapor</li></ul><div>• Steam</div></div>
Try <p style = "text-align: left">
I fixed it by defining div in the field. When I change the alignment of an object in the field, the alignment applies to the whole field, which isn’t expected. Hence, the alignment will be correct by defining a new div.
Example: Suppose I have a picture on my card and want to overwrite the global rule of the alignment in the Back field and align it to the center. I should define another div block (blue box in the picture) to prevent applying the custom rule on the whole field:
<div style="text-align: left;"></div>
This also works in a similar situation as I provided in the question:
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
