I’ve come across a few CSS issues with the new dynamic P2 WordPress theme.
Here are the problems and solutions. All require editing the style.css file in the theme directory. Make sure to backup the file if you’re doing an automatic upgrade.
I’ll add some tips later for tweaking the theme to show pages.
1) When adding a title, the text ends up under the image and not in its own “column”.
2) The float: left of the avatar image pushes down the author info about 30px.
Solution:
Find: #main ul#postlist li {
Add: display: inline-block;
3) If you press “reply” in a post or in a comment in P2 with IE7, CSS puts a space between form and submit button.
Solution:
Find: #main #respond, .textedit {
Add: height:1%;
Update (May 14): I’ve discovered the solution to 2 & 3 triggers a display problem in Firefox. Tonight I’ll look at creating a separate stylesheet for IE7.
Update (May 15): I create a separate stylesheet called iestyle.css for IE7 which adds the line mentioned above. In header.php I added:
