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> 


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

    svrScript.onload = function () { 


            skipVariants: true, 

            groupByCategories: "*" , 

            container: '#loadSvrGamesWidget', 

            rowSize: '200%', 

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

            gamesPerRow: 3




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



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

Link to comment
  • Replies 1
  • Views 368
  • 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.