I'm using GoDaddy Go Central to make a website. Trying to put multiple TripAdvisor widgets on the page in an HTML section, but they are stacking on top of each other. See the bottom of https://royalgorge.info/off-road-jeep-tours. Since the script is within a Go Central module with limited functionality, I'm not sure how to fix this. I am not web designer. Can someone please tell me what code to embed on this page to make the three widgets alight across that section? Following is all the code that's currently entered in this module. Thanks very much for any help you can offer. --Susie
<div class="center">
<div id="TA_certificateOfExcellence976" class="TA_certificateOfExcellence">
<ul id="nRysR6" class="TA_links Y2TwT23RTC">
<li id="RJMJQto70RIX" class="80xXLu9E">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2017_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=976&locationId=4310995&lang=en_US&year=2017&display_version=2"></script>
<div id="TA_certificateOfExcellence392" class="TA_certificateOfExcellence">
<ul id="b6jAzvEk" class="TA_links t3oC7JX42o">
<li id="OY75ix" class="b0WS6qvItRQ6">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=392&locationId=4310995&lang=en_US&year=2016&display_version=2"></script>
<div id="TA_certificateOfExcellence625" class="TA_certificateOfExcellence">
<ul id="P0l2YQ7" class="TA_links ZiHXOOs">
<li id="AIfIV87OGY" class="0RkAfHwrL">
<a target="_blank" href="https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=625&locationId=4310995&lang=en_US&year=2015&display_version=2"></script>
</div>
I don't know what Go Central is. I'm guessing some kind of online WYSIWYG editor?
I tried to look at the source of your page, but it's very confusing. It consists mainly of JavaScript, and lots of it. I don't think I like what Go Central is doing.
The widgets seem to be in an iframe created by JavaScript. They are in DIVs. DIV is a block level element that would behave as you see they do, come one under the other, unless you do something to change that. I tried to float them left and make the space they live in wide enough for them to be side by side, but it didn't work. I did this in my browsers inspector. Maybe the actual JavaScript needs to be edited.
Good luck.
I'm sorry I can't help. Your page could be done in a very straightforward way. Don't know what that page builder is up too. There's just too much to untangle.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)