Site URL: https://www.bitcoin-trend-trader.com/bttforum
Hi Forum:
I embedded the js code provided by Tradingview to generate a live Bitcoin chart. It is rendering at the very top of the page. Header menus and logo are obscuring the chart. I would like to move it down.
I have pasted padding divs into the code but it continues to plot at the ver top.
The chart works perfectly when I inject the js code into Page>Advanced>Code Header
If I attempt to paste the same code into a <CODE> block that would allow me to add spacers to move it around, all I get when I save the page is the code text, not the functioning widget.
Width and Height below are defining the chart size.
I just need about 100 px above this script to move that chart down bellow the heading menus.
Thanks Michael
Here is the code with my attempt to add a spacer:
<!-- TradingView Widget BEGIN -->
<div {
padding-top: 400px;
padding-bottom: 10px;
></div>
<div class="tradingview-widget-container">
<div id="tradingview_72cf8"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/BTCUSDT/?exchange=BITBAY" rel="noopener" target="_blank"><span class="blue-text">BTCUSDT Chart</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
new TradingView.widget(
{
"width": 1400,
"height": 700,
"symbol": "BITBAY:BTCUSDT",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "dark",
"style": "1",
"locale": "en",
"toolbar_bg": "#000000",
"enable_publishing": false,
"withdateranges": true,
"hide_side_toolbar": false,
"details": true,
"calendar": true,
"studies": [
"MoonPhases@tv-basicstudies",
"MAExp@tv-basicstudies",
"ZigZag@tv-basicstudies"
],
"container_id": "tradingview_72cf8"
}
);
</script>
</div>
<!-- TradingView Widget END -->