Displaying a widget in the right position on a web page

Posted on 2015-02-15
Medium Priority
Last Modified: 2015-03-03
I'm trying to change the way a widget from tripadvisor.com displays on my web page.

I don't know much about coding, but I've got the widget working using the supplied code thus:

<div id="TA_cdsratingsonlywide715" class="TA_cdsratingsonlywide"></div>
<script src="http://www.jscache.com/wejs?wtype=cdsratingsonlywide&uniq=715&locationId=7683847&lang=en_AU&border=true&shadow=true&display_version=2"></script>

This works fine, but the widget displays all the way over to the left & I'd like to see it a bit further to the right.

How do I position the widget?
Question by:snooflehammer
  • 3
  • 2
LVL 36

Expert Comment

ID: 40612039
Can you post more of the code around what you have shown above? Also can you screenshot how it currently looks and (if you can) show us where you want it to go?
LVL 53

Expert Comment

ID: 40612631
You could try moving it with CSS:

#TA_cdsratingsonlywide715 {margin-left:25px;} should (in theory) more it 25 oixels to the right, but with third pary junk you never know what kind of mess they are making with their own classes and the scripting.  It is like the authors of widgets think they have a right to take control of any page that uses their trash.


Author Comment

ID: 40613010
COBOLdinosaur thanks for you input. I changed the first line of code as follows:

<div id="#TA_cdsratingsonlywide715{margin-left:25px;}" class="TA_cdsratingsonlywide"></div>

I may have misunderstood your suggestion, as it doesn't work, rather it breaks the widget which now displays "Please check the TripAdvisor code and install again"

Are you able to suggest what I've done wrong?
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

LVL 53

Expert Comment

ID: 40615215
You should not be touching the widget at all.  As you can see it may be damaged if you do that.  you need to add the styling in you stylesheet with:
#TA_cdsratingsonlywide715 {margin-left:25px;}

It would be best if the stylesheet where you make the entry is the last one in head so it has greater potential to override what is being applied to the widget.  However ther is no guarantee that it will work because the scripting will override everything if it is also applying styles.


Accepted Solution

snooflehammer earned 0 total points
ID: 40623774
I ended up paying my web developer to do it. I didn't want to involve him for such a minor change but I couldn't get it to work.....

I really cannot see how he achieved it by looking at the code, but if you're curious, it's at www.phoenixeumundi.com.au

Author Closing Comment

ID: 40641471
Website dev fixed it. I can't see what he did

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

587 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question