madseason Posted July 19, 2022 Share Posted July 19, 2022 Hello, I have this code that I want to insert a border around the outside to make it look more complete. I'm not a coder and can sometimes fumble my way through but unsure of how to proceed on this one. As an added bonus, it would be nice to have the subcategories such as cryptocurrencies, indices, energy, metals, etc be shaded in a darker grey. Thanks in advance for our help. <!-- TradingView Widget BEGIN --> <div class="tradingview-widget-container"> <div class="tradingview-widget-container__widget"></div> <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="#000000-text"> </span></a> <span class="#000000-text"> </span> <a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="#000000-text"> </span></a> by TradingView</div> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-quotes.js" async> { "width": "100%", "height": "250%", "symbolsGroups": [ { "name": "CRYPTOCURRENCIES", "symbols": [ { "name": "BITSTAMP:BTCUSD", "displayName": "Bitcoin" }, { "name": "BITSTAMP:ETHUSD", "displayName": "Ethereum" } ] }, { "name": "ENERGY", "symbols": [ { "name": "TVC:USOIL", "displayName": "Light Sweet Crude Oil" }, { "name": "CAPITALCOM:NATURALGAS", "displayName": "Natural Gas" } ] }, { "name": "INDICES", "symbols": [ { "name": "EASYMARKETS:DOWUSD", "displayName": "DOW 30" }, { "name": "OANDA:NAS100USD", "displayName": "Nasdaq 100" }, { "name": "OANDA:US2000USD", "displayName": "Russell 2000" }, { "name": "OANDA:SPX500USD", "displayName": "S&P 500" }, { "name": "NYSE:W4500", "displayName": "Wilshire 4500" } ] }, { "name": "METALS", "symbols": [ { "name": "CAPITALCOM:COPPER", "displayName": "Copper" }, { "name": "OANDA:XAUUSD", "displayName": "Gold" }, { "name": "OANDA:XPTUSD", "displayName": "Platinum" }, { "name": "OANDA:XAGUSD", "displayName": "Silver" } ] }, { "name": "SEMICONDUCTORS", "symbols": [ { "name": "CAPITALCOM:TSM", "displayName": "Taiwan Semiconductor" } ] }, { "name": "U.S. DOLLAR CURRENCY INDEX", "symbols": [ { "name": "CAPITALCOM:DXY", "displayName": "US Dollar" } ] } ], "showSymbolLogo": true, "colorTheme": "dark", "isTransparent": true, "locale": "en" } </script> </div> <!-- TradingView Widget END --> Link to comment
tuanphan Posted July 20, 2022 Share Posted July 20, 2022 Add to Design > Custom CSS. If it doesn't work, please share link to your site, we can test code easier .tradingview-widget-container { border: 3px solid red; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madseason Posted July 20, 2022 Author Share Posted July 20, 2022 Progress! It put a border around part of it. How do I get it to extend all the way down? Link to comment
madseason Posted July 21, 2022 Author Share Posted July 21, 2022 Figured it out. I replaced the widget container with the block id. Tuanphan - Appreciate the assistance! tuanphan 1 Link to comment
madseason Posted July 21, 2022 Author Share Posted July 21, 2022 Now I'm stumped. I copied the code from my test page to the permanent page and I'm back to having the partial border as pictured. Link to comment
tuanphan Posted July 21, 2022 Share Posted July 21, 2022 8 hours ago, madseason said: Figured it out. I replaced the widget container with the block id. Tuanphan - Appreciate the assistance! Have you tried replacing with new block id? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madseason Posted July 21, 2022 Author Share Posted July 21, 2022 Yes. New block id was entered. Link to comment
tuanphan Posted July 22, 2022 Share Posted July 22, 2022 23 hours ago, madseason said: Yes. New block id was entered. Can you share link to page where you added the code? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment