Junior Posted January 18, 2015 Report Share Posted January 18, 2015 Hi mates.. how do I change the font size in my "Latest flights" table? <table width="100%" border="0" cellspacing="0" cellpadding="0" class="ocean_table"> <tr> <th>Flight</th> <th>Pilot</th> <th>Departure</th> <th>Arrival</th> <th>Aircraft</th> <th>Duration</th> <th>V/S</th> <th>Info</th> </tr> <?php if(count($pireps) > 0) { foreach ($pireps as $pirep) { $pilotinfo = PilotData::getPilotData($pirep->pilotid); $pilotid = PilotData::getPilotCode($pilotinfo->code, $pilotinfo->pilotid); $acrid = OperationsData::getAircraftByReg($pirep->registration); echo '<tr>'; echo '<td><a href="'.SITE_URL.'/index.php/pireps/viewreport/'.$pirep->pirepid.'">'.$pirep->code.$pirep->flightnum.'</a></td>'; echo '<td><a href="'.SITE_URL.'/index.php/profile/view/'.$pilotinfo->pilotid.'">'.$pilotinfo->firstname.' '.$pilotinfo->lastname.'</a></td>'; echo '<td>'.$pirep->depicao.'</td>'; echo '<td>'.$pirep->arricao.'</td>'; echo '<td>'.$pirep->aircraft.'</td>'; echo '<td>'.$pirep->flighttime.'</td>'; echo '<td>'.$pirep->landingrate.' ft/m</td>'; if($pirep->accepted == PIREP_ACCEPTED) echo '<td><span class="label label-important"><font color="green">Accepted</font></span></td>'; elseif($pirep->accepted == PIREP_REJECTED) echo '<td><span class="label label-important"><font color="red">Rejected</font></span></td>'; elseif($pirep->accepted == PIREP_PENDING) echo '<td><span class="label label-warning"><font color="orange">Pending</font></span></td>'; elseif($pirep->accepted == PIREP_INPROGRESS) echo '<td>On Progress</td>'; echo '</tr>'; } } else { echo '<tr><td>There are no recent flights!</td></tr>'; } ?> </tbody> </table> Quote Link to comment Share on other sites More sharing options...
freshJet Posted January 18, 2015 Report Share Posted January 18, 2015 Add 'font-size: ..px' to .ocean_table { } in the CSS file Quote Link to comment Share on other sites More sharing options...
Junior Posted January 18, 2015 Author Report Share Posted January 18, 2015 thank you a lot Quote Link to comment Share on other sites More sharing options...
Junior Posted January 18, 2015 Author Report Share Posted January 18, 2015 Found the table but idk where to change the fontsize.. I changed font-size:1.1em; but didnt worked .ocean_table th { color:#fff; background:#0075DB; border:1px solid #0075DB; } .ocean_table tr > th:last-of-type {border-right:1px solid #0075DB;} .ocean_table { margin-bottom:20px; border-bottom:1px solid #d9d9d9; } .ocean_table thead { box-shadow:0 1px 5px #DCDCDC; -moz-box-shadow:0 1px 5px #DCDCDC; -webkit-box-shadow:0 1px 5px #DCDCDC; } .ocean_table { *border-right:1px solid #d9d9d9; /* ---- CSS Hack for IE7 ---- */ border-right:1px solid #d9d9d9\0/; /* ---- CSS Hack for IE8 ---- */ } .ocean_table th, .ocean_table td { font-size:1.1em; text-align:left; padding:5px 9px; } .ocean_table th.txtleft, .ocean_table td.txtleft{text-align:left;} .ocean_table th.txtright, .ocean_table td.txtright{text-align:right;} .ocean_table th.txtcenter, .ocean_table th.txtcenter{text-align:center;} .ocean_table tr:nth-child(even){background:#D4E1ED;} .ocean_table tr.odd td{ *background:#D4E1ED; /* ---- CSS Hack for IE7 ---- */ background:#D4E1ED\0/; /* ---- CSS Hack for IE8 ---- */ } .ocean_table tr:nth-child(-n+1) td{border-top:1px solid #D6D6D7;} .ocean_table tr td { *border-top:1px solid #D6D6D7; /* ---- CSS Hack for IE7 ---- */ border-top:1px solid #D6D6D7\0/; /* ---- CSS Hack for IE8 ---- */ } .ocean_table th { font-weight:normal; border-right:none; } .ocean_table td { border-left:1px solid #D6D6D7; color:#232323; } .ocean_table tr > td:last-of-type {border-right:1px solid #D6D6D7;} Quote Link to comment Share on other sites More sharing options...
freshJet Posted January 18, 2015 Report Share Posted January 18, 2015 That's for the table header, put it in the .ocean-table {} section. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.