Topic RSS
Having changed WP to a new theme, the User column in my Simple:Press forum is now centered instead of top. Good example is here: http://www.danbirlew.com/forum…..turismo-5/ Error persists across all skins, so it must be some common css. I tried looking through the css docs for the structure theme (which I'm using) and frankly, they look like gobbledegook to me. I also tried viewing the source and figured out that the user info is contained in a table, and the line of code is like this:
<table class="sfinnerusertable" cellpadding="0" cellspacing="0" border="0"><tr align="center">
This little bit of outdated HTML in the code instead of in the CSS is what's causing the user table to center instead of top out. So which file in the style or in Simple:Press's architecture would I find that bit of code?
Second, I'd like to change the line-height of post text so that smileys don't throw off the spacing as bad as they do. What is the css code for that, and which css file should it be in?
thats because you have theme leakage overwriting forum styling… for example
file screen.css, line 19 has a vertical alignment of middle forcing the behaviour you are seeing…
there are addiitional table, td and tr stylings overwriting the forum too… you will either need to remove those or add stylings for the forum that take precedence… for exampel table.sfforum {vertical-align:baseline}… but, if you arent using tables, I would just delete them from your theme… too many theme authors put all those extra table styles in there when the theme doesnt even use tables…
Okay, it looks like the theme creator actually predicted for this and included a user-override css that is blank. Into this css he told me to paste:
#sforum .sfposttable .sfuserinfoside { vertical-align: top !important; }and it worked like a charm. However, the posts are still collapsing starting with post #6 of the thread, as you'll see here: http://www.danbirlew.com/forum…..mo-5/#p577 Can you please tell me what other classes to include in the line above that would force all post boxes in a thread to top-align?
Also, please don't forget my second question:
I'd like to change the line-height of post text so that smileys don't throw off the spacing as bad as they do. What is the css code for that, and which css file should it be in?
Thanks!
sorry, I am not sure I see any issues with post 6 and beyond… look fine to me… what do you think it is wrong?
and fyi, but using firefox with firebug is a great way to inspect css, html, js, etc…
your wp theme is currently defining the line height… take a look at your arras theme default.css and either line 17 (currently setting the height) or 226 if you just want to change it for post content…
if you only want to change it for forum post content (but if its a problem in the forum, likely is in the blog content too since they share the height), the in sf-post.css for the skin you are using, you can add a line height specification for this:
#sforum .sfposttable td.sfpostcontent p
Hi Mr. Papa. I managed to fix it yesterday afternoon by removing a few tr and td codes in the arras theme css as you suggested.
Doesn't appear to have thrown off any of the tables on my other static pages.
The problem may not be the line height, but the fact that custom smilies are aligning to the baseline (it seems) rather than the top or centered on the line.
This forces the next line of text to move down, creating extra space in the middle of a paragraph.
EDIT: As you can see, I threw some smilies into the paragraphs above, and they too caused the lines below them to space down farther.
EDIT 2: So I threw #sforum .sfposttable td.sfpostcontent p { line-height:200% !important; } into the user.css that overrides certain theme codes, and even at double-spacing the smilies are STILL throwing off the light spacing. Slightly now, of course, but still perceptibly. In looking at the source I notice that smileys don't have their own css class, they're treated just like other imgs. Perhaps assigning them a class that aligns them to the top of the line in the next update could solve the problem?
I can open a ticket to add a class to forum smileys for allowing user styling customizations… done…
glad you solved it to your satisfaction…
Removing the 5px margin around the smilie image resolves the uneven spacing seen in this thread. As seen here:
#sforum .sfposttable td.sfpostcontent img {margin:5px;overflow:hidden !important;}
Most Users Ever Online: 444
Currently Online: steve.engelking
101 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
-Radio-: 1251
Lee H: 606
Luffer: 535
Conrad_Farlow: 502
jim: 478
neon: 263
ovizii: 240
Tal: 240
Member Stats:
Guest Posters: 2625
Members: 7361
Moderators: 1
Admins: 2
Forum Stats:
Groups: 5
Forums: 16
Topics: 10890
Posts: 79543
Newest Members: ndc, MacBravO, irlandes1, triphop, betokan, Jonathan Yovani Muñoz, somosguatemala, ahcreate, eatonrabbit, prasanna
Moderators: Brandon C (162)
Administrators: Yellow Swordfish (22223), Mr Papa (23688)
Log In
Register
Home
Add Reply
Add Topic
Offline

Quote



Visit

Privacy Policy



