Junior Posted January 18, 2015 Report 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
freshJet Posted January 18, 2015 Report Posted January 18, 2015 Add 'font-size: ..px' to .ocean_table { } in the CSS file Quote
Junior Posted January 18, 2015 Author Report 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
freshJet Posted January 18, 2015 Report Posted January 18, 2015 That's for the table header, put it in the .ocean-table {} section. Quote
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.