Inserting Buttons Stack from Top to Bottom

When I insert the social media buttons in CS3 they are stacking from top to bottom and not sure why.

Also can I insert this into the template somehow to make it show up on all the pages.

Any help is appreciated.

It could be that DW is not loading the CSS. Can you send me a screen shot of what you are seeing?


Social Media Toolkit works with templates, so you should be able to add it to a template.

I am having the same problem.
Also..is it possible to center the buttons...I am putting them in a footer.
Which CSS style sheet needs to be loaded. Does this extention add to my current style sheet (I can't see that it does)...or is it supposed to create its own?

Social Media Toolkit creates its own stylesheet that is located under the webassist/social folder.

You should be able to center the buttons horizontally, but i recommend that you wrap the social buttons div with another div. If you have a link to your page i can assist you getting the buttons to center.

Here is a screen clip of the problem. It does it when I put it in the template. I tried in on a blank page and it worked fine.

Thanks, can you send me a url where i can see the issue.

It could be that other CSS is breaking the layout of the buttons.

I am having the same problem. How was this solved?

Thanks.

can you send a link where we can see the problem to investigate the cause. Most likely it is conflicting css on the page, but we would need to investigate it to be sure.

Using CS5 here and it's stacking. www.northtexaslakesrally.com/ I used it on my personal site and it worked fine.

Also, when I used the social media dialog box when inserting it wouldn't accept the OK button. I had to hit cancel to get the window to close.

Worked fine on my site here though. www.thegraphiclibrary.com/

The only real difference that I'm aware of is that on the site where it stacks I have the css for that to justify to the right.

perhaps you could try manually adding the css and js paths manually to inside the head area of your page(s). I suspect these would have been added if the 'OK' button had been accepted:

<link rel="stylesheet" type="text/css" href="webassist/social/wasocial.css"/>
<script type="text/javascript" src="webassist/social/wasocial.js"></script>

Are you adding the code to a template (if so, remember to update all the pages based on that template)? If not, does the same thing occur when you try to add the buttons via the GUI on another page?

[Your second linked page contains the calls to the css and javascript files, the first doesn't]