rainmaker 0 Report post Posted March 9, 2011 When I upgraded to the latest version of Pagelines (1.3.1), some of my text formatting was affected. Basically anything that was in a table format (including my mappress / google maps / directions) all now have center text alignment, when it should be left alignment. I have linked a screenshot: http://www.screencast.com/t/ZMXsrXp8SDoes anyone know how I can fix this? What pagelines .css file is overwriting my mapquest .css file? I also noticed that any tables that have left alignment in the pagelines editor are also centered when I view it live. Share this post Link to post Share on other sites
cmunns 16 Report post Posted March 9, 2011 A live link would help, but you could also familiarize yourself with FireBug to inspect the rule and change it back to `text-align:left;` Share this post Link to post Share on other sites
avstrati 0 Report post Posted March 10, 2011 I have this issue as well. All my code says the correct info (I checked with firebug) <tr> <td align="left" valign="middle" width="165">A</td> <td align="center" valign="middle" width="141">B</td> <td align="left" valign="middle" width="170">C</td> <td align="right" valign="middle" width="190">D</td> </tr> But everything comes out centre aligned. I went to the theme.css file and found the code for the table, then copied it, made mods and pasted it into the custom codes section. My first attempt was to take away all of the text-align references all together but that made no change. I tried with text-align: inherit; but all aligned left, even if some of my code says right and centre. * Default Entry Table */ table {width: 100%;} .hentry table, #comments table {margin-bottom: 1em;} .hentry table th, #comments table th {font-weight: normal;padding: .3em;font-size: 1.1em; text-align: inherit;} .hentry table td, #comments table td {padding: .35em .6em; text-align: inherit; } .hentry table .label, #comments table .label{ text-align: inherit;} Is there any other snippets of CSS I should be adjusting? Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted March 11, 2011 There were some CSS styles added to handle tables a bit nicer for those who are using them although tables aren't highly supported anymore. 9/10 divs should be used instead of tables. In any case, pick up Firebug to inspect and style your pages: http://www.pagelines.com/docs/changing-colors-fonts Thanks, Bryan Share this post Link to post Share on other sites
avstrati 0 Report post Posted March 12, 2011 Actually, I worked out my issue through trial and error. I have to use th instead of td. <tr> <th style="text-align: left;" scope="row" width="27%">A</th> <th style="text-align: center;" scope="row" width="13%">B</th> <th style="text-align: center;" scope="row" width="30%">C</th> <th style="text-align: right;" scope="row" width="30%">D</th> </tr> With the style sheet mods I suggested above, works perfectly! Share this post Link to post Share on other sites
johnwake 0 Report post Posted March 17, 2011 Oh, man! I don't want to go in and change perfectly correct HTML because of quirk in a theme. Like I don't have enough to do! Share this post Link to post Share on other sites