remove underline from categories and sub-cats

[jason1971 +]

Hi All,

I have all my categories and sub-categories listed on my homepage, however they are all underlined. So I am wondering how I can remove the underline (style="text-decoration:none")

I have looked in the style sheet and cant see anything there, I have looked in categories.php and I assume it goes there somewhere but dont have a clue exactly where to place it and exactly what to put

Any thoughts anybody ?

Many thanks

Jason

[Lhotch +]

They are underlined because they are links. You specify a link in html by making it an anchor. Have you tried adding text-decoration:none to the anchor tag in the styule sheet?

[jason1971 +]

Hi Larry

Thanks for your reply,

I have looked in the style sheet, and I cant see anywhere which indicates that it is a link so Im not sure where to put text-decoration:none

Can you please offer anymore assistance ?

This is what I have in the home.tpl for showing all the cats and sub-cats is there anyway or anywhere I can add the text-decoration:none ?

<table "class="tableborder" width="100%">
{section name=tr loop=$data step=$cols}
<tr>
{section name=td start=$smarty.section.tr.index loop=$smarty.section.tr.index+$cols}
<td valign="top">
{if $data[td]<>""}
{$data[td].start_link}<img src="{$data[td].image}" border="0" height="60" width="60" alt="{$data[td].name}" /></a> <td valign="top">
{$data[td].start_link}<strong>{$data[td].name}</strong></a>
{if $data[td].total <> ''}
({$data[td].total})
{/if}
<br />
{$data[td].subcats}
<!--{$data[td].description}-->
{/if}
 
</td>
{/section}
</tr>
{/section}
</table>


Thanks

Jason

[Lhotch +]

I havent looked at the underlying code but I would guess the opening anchor tag is being held in the smarty variable {$data[td].start_link} and since you have the hosted version you wont be able to edit the underlying php file that generates the contents of it.

[seymourjames +]

This controlled by the style sheet for the table data entries which will appear in several places in your system by the way. If it does not exist in your specific template then put this in your css style sheet and adjust as necessary.

table.main tr td {
padding:5px;
}
table.main a {
font-size:12px;
text-decoration:none;
}
table.main a img {
vertical-align:middle;
}


What you should do in general is use Firefox with the free web developer plugin. You can then highlight the css being used on any part of the page (its the outline tool) so you know what to change.

[Lhotch +]

Originally Posted by seymourjames

This controlled by the style sheet for the table data entries which will appear in several places in your system by the way. If it does not exist in your specific template then put this in your css style sheet and adjust as necessary.

table.main tr td {
padding:5px;
}
table.main a {
font-size:12px;
text-decoration:none;
}
table.main a img {
vertical-align:middle;
}


What you should do in general is use Firefox with the free web developer plugin. You can then highlight the css being used on any part of the page (its the outline tool) so you know what to change.

I may be wrong ut I was under the impression he just wanted to affect the category names and why I didnt recommend changing the style as a whole.

[seymourjames +]

I think you are correct. He can't do that unless he accepts showlisitngs for example will not underline links. Its used in a few places in fact. Personally, I turn it off not to underline at all anywhere in table data.

[Mike-N-Tosh +]

An alternative method would be to create a new class in your style sheet such as div.cat_link, then add the div in your template.

[jason1971 +]

I am able to access categories.php so how would I be able to do it in there, I had a look and I have obsolutely no idea where to place text descoration:none any pointers please ?

I tried a added it in the style street but no joy there !

Many thanks

Jason

[seymourjames +]

You do not need to edit categories.php and unless you really know what you are doing it is unadvisable to be trying to edit core files (also upgrades become more difficult). Categories.php has nothing to do with it really. It is simple styling and that is controlled by the style.css file in your css folder.

Add what I said into your style sheet for your template. It will then work fine or you can do as Mike suggests and create a whole new class in your style sheet for just the categories and then place that into your template file. Personally, I don't see any need to have table data links being underlined anywhere. If you don't try it you will not know.