How can I center a custom liquid chart widget on my website?

Shopify Discussion
1

Website: PlsHexDiamond.com

Here is the liquid code i have now:

<iframe id="dextools-widget" title="DEXTools Trading Chart"

width=“1000” height=“800”
src=“https://www.dextools.io/widget-chart/en/pulse/pe-light/0xa6c466e31538439040f4753c3f4562c294ee3d96?theme=dark&chartType=1&chartResolution=30&drawingToolbars=false”>

Im trying to center this chart widget, what am i doing wrong?

Screenshot 2023-09-29 at 1.10.28 AM.png
Screenshot 2023-09-29 at 1.10.28 AM.png3024×1712 361 KB

2

Hello @Feine
Its Artzen Technologies! We will be happy to help you today.

Please tell me where is this section on your store??

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hi @Feine

Please update that code to this and check if it centering now

<iframe style="display: flex; margin: 0 auto;" id="dextools-widget" title="DEXTools Trading Chart" width="1000" height="800" src="https://www.dextools.io/widget-chart/en/pulse/pe-light/0xa6c466e31538439040f4753c3f4562c294ee3d96?th..."></iframe>
4

Hello @Feine :waving_hand:

You can modify the code like this

<iframe id="dextools-widget" **style="display: block; margin: auto;"** title="DEXTools Trading Chart"

width=“1000” height=“800”
src=“https://www.dextools.io/widget-chart/en/pulse/pe-light/0xa6c466e31538439040f4753c3f4562c294ee3d96?th…”>