Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Wordpress custom page - conflict with flow player WordPress

  • SOLVED

Hi, I have a wordpress install here: http://soniclibrarian.net/wp2010/

I have this page: http://soniclibrarian.net/wp2010/player-cj.html
That is a hard coded page (not on wordpress at all) and I created a template page by removing the hard coded header portion of that page and replacing it with:
<?php /* Template Name: Test
*/ ?>

<?php get_header(); ?>

(I followed the guidance here: http://www.esmartjob.com/blog/wordpress-blog/static-page )

Here is a link to that new template php page (it's a .txt so you can see it): http://soniclibrarian.net/wp2010/test.txt


Problem:
Note how the player works perfectly in this version: http://soniclibrarian.net/wp2010/player-cj.html BUT in the new page I created using the template it looks like this:
http://soniclibrarian.net/wp2010/test-title/

Note how the video player in the that I created as a wordpress template falls apart and does not operate as it did in the player-cj.html example.

Apparently something about the wordpress install created a conflict and it's not working right.

Can someone help me fix the issue to make the wordpress template version of the page?

I don't even know where to begin to figure out what is causing the issue.

Thanks!

Answers (1)

2010-11-28

Ashfame answers:

Change this code

playlist.css (Line 706)
.clips.petrol a {
background-color:#193947;
border:1px outset #193947;
color:#FFFFFF;
}


Remove the first property so that it looks

.clips.petrol a {
border:1px outset #193947;
color:#FFFFFF;
}


And this in the <head> section

a.player img {
border:0 none;
margin-top:125px;
}


remove the top margin so that it looks:


a.player img {
border:0 none;
}


4$ is fine, till you are not using the removed property elsewhere


Ashfame comments:

Also make this change to remove the border around playlist on left.

playlist.css (Line 706)

.clips.petrol a {
background-color:#193947;
border:1px outset #193947;
color:#FFFFFF;
}


Change the border property too, so that it looks like

.clips.petrol a {
border:none;
color:#FFFFFF;
}