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!
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;
}