Jump to content

Changing button color for embeded element with CSS

Recommended Posts

Site URL: https://6thdimensionvr.com/gamelist-demo

Hi all!

I have an HTML embed code for my website that shows game options for my arcade. I can't edit the HTML code without breaking it, so I'm trying to edit the color and shape of the dropdown buttons in the custom CSS. 
But I need a way to only alter the button color for this specific element, and I am not sure where to begin.

 

I appreciate the help. 

 

The embed looks like:

<div id="loadSvrGamesWidget"></div> 

<script> 

    var svrScript = document.createElement('script'); 

    svrScript.onload = function () { 

        window.svrLoadGames({ 

            skipVariants: true, 

            groupByCategories: "*" , 

            container: '#loadSvrGamesWidget', 

            rowSize: '200%', 

            uuid: 'd0bb98c0-23d0-5761-bd00-2fc70c374b7c', 

            gamesPerRow: 3

        
          


         
        }); 

    }; 

    svrScript.src = '//api.synthesisvr.com/javascripts/WordpressWidget.js'; 

    document.head.appendChild(svrScript); 


</script> 
<div>

<div> <center>
  Search: <input type="text" onkeyup="window.svrSearchTitle(this.value);"></div>
 

Link to comment
  • Replies 1
  • Views 356
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.