Jump to content

madseason

Member
  • Posts

    117
  • Joined

  • Last visited

Posts posted by madseason

  1. Hello,

    Need assistance finishing out the below hover button code. I would like for the button to stay 100% black when it's not being hovered and 100% black when it is being hovered. The only hover effect is for a white border to go around the perimeter. Text of the button should be white.

     

    /* add to cart button color */

    .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important}

  2. 
             
       

    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 -->

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.