Hi,
Sorry if this is in the incorrect section, anyway I have a CSS issue that I can't figure out myself, in my .navmenu of my CSS file I have altered it to make the following show like so:
http://shareyourimages.org/images/w19k5kdi8blq3sehrx97.jpg [Edit GauGau] Replaced hotlinked image with attachment [/Edit]
As you can see I have changed it to show a box around each page number so it looks a bit better than what it was. But looking at an image on the immediate page, this shows up:
http://shareyourimages.org/images/5a3yq540mpemc4np4kc1.jpg [Edit GauGau] Replaced hotlinked image with attachment [/Edit]
Obviously these two parts of the theme have the same CSS. I want to make the boxes dissapear off the section in shot2, do I make a new CSS class for the section in shot2? If so how do I make the section in shot2 show differently? I obviously need to change some part of the code.
Any help would be great and I hope its clear ;D
Copy the template for the tabs from the sample theme to your own theme.php and change the class name. Then apply your changes only to the new class name.
// Template used for tabbed display
$template_tab_display = array('left_text' => '<td width="100%%" align="left" valign="middle" class="tableh1_compact" style="white-space: nowrap"><b>{LEFT_TEXT}</b></td>' . "\n",
'tab_header' => '',
'tab_trailer' => '',
'active_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="tableb_compact"><b>%d</b></td>',
'inactive_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>%d</b></a></td>' . "\n",
'inactive_prev_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>{PREV}</b></a></td>' . "\n",
'inactive_next_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>{NEXT}</b></a></td>' . "\n",
);