Flash positioning

I’m building a site in Wordpress using the Suffusion theme. I’m using [url=http://orangesplotch.com/blog/swfobj/]SwfObj to embed Flash, but I’ve run into an issue.

I’ve gotten the flash onto the site, but it’s pushed off to the right. I’ve tried adding left alignment to the flash embed, but that doesn’t work either. I think I have to edit something within the theme, but I’m not sure what exactly to edit.

This is the code for displaying the Flash…I’ve sized it down to try to get it to move over, but that isn’t really an option as it is meant to be across the whole page:


[swfobj src="http://mverminski.com/wordpress/wp-content/uploads/2011/05/Main.swf" height="240px" width="700px" align="left"]

The site is live on my server for right now - Siona Entertainment and any help would be greatly appreciated.

This is a CSS issue. Your file is contained in a div with left padding that is pushing it off to the right:

div.post .entry-container {
  padding-left: 150px;
}

So you need to access your CSS file and remove that left padding. To center the file, you could perhaps try

div.post .entry-container {
  width: 700px;
  margin: 0 auto;
}

I searched through three CSS files associated with the template and saw nothing that looked like that. I even used the Find tool to search all the files for “div.post” and “150” and didn’t find that line of code.

I tried adding your suggestion into a custom field that overwrites any code written within the theme, but it didn’t seem to work. I’m going to keep playing with it and see if I can get it to work. Thank you though!

If you add padding: 0; to that rule you created, it will override the other style:

div.post .entry-container {
  margin: 0 auto;
  [COLOR="Red"]padding: 0;[/COLOR]
  width: 700px;
}

Those styles are being set a this link:

[noparse]http://mverminski.com/wordpress?ver=3.7.8&suffusion-css=css[/noparse]

Not sure where to tell you to access that file, though.

THANK YOU! Adding the padding made it work perfectly, just as you said it would! Greatly appreciated!

Great! Glad to help. I notice that it’s not centered now, because you’ve changed the width of the flash object to 700px. If you want it centered, just change the width of the container to the same 700px.

EDIT: ah, I see you’ve gone the other way and increased the size of the Flash object. That’s fine too!

Yeah that’s the original size of the Flash object, I tried minimizing it to get centered on the page, but after your help I was able to put it back to its original size…

Bumping this because I have another issue…I have never done this much customization with a Wordpress site before.

For a link to the theme I’m using refer to my first post in this thread. It’s called Suffusion. I had to alter some of the CSS for the nav bar in order to make everything like right, but now I’m noticing a problem with a few of the drop down menus because the menu items are too long to fit on one line.

A screenshot is attached to this post and the site is live at Siona Entertainment You’ll notice that under Talent, Modeling, and Apply the bottom of the menu is too short. I tried messing with the CSS for the sub menu classes, but couldn’t fix the problem. Here is what that sub menu CSS looks like right now:


/* sub menu */
#subnav {
	background: #fff;
	margin-top: 15px;
	border: 1px solid #c0c0c0;
}
#subnav ul {
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
        
}
#subnav li {
	border-right: 1px solid #D8D8D8;
	padding: 4px 7px 8px;
	margin: 0;
	float: left;
	
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
	text-decoration: none;
	color: #c0c0c0;
}

#subnav li a:hover {
	text-decoration: none;
}

#subnav ul li ul li{display: none;}

What browser are you seeing this in, as it looks OK in Firefox.

Firefox 4.0.1