Editing the Section Link font in Smart Theme

[pandpdeveloper]

How do I edit the Section Text Links in the Smart Theme?

I've looked at the layout code which has a document.write command feeding a list of Sections into it. The formatting seems to be wrapped around it for the actual table, but I am not sure where it is for the links themselves.

I want to alter the size of the font, as I have successfully done for the Custom Sidebars.

---------------

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" width="8%" bgcolor="<actinic:variable name="Palette2" />"><img src="theme_tab2_left.gif" /></td>
<td bgcolor="<actinic:variable name="Palette2" />" width="84%" height="20"><span class="boxheading">Store Sections</span></td>
<td valign="top" width="8%" align="right" bgcolor="<actinic:variable name="Palette2" />"><img src="theme_tab2_right.gif" /></td>
</tr>
<tr>
<td colspan="3" class="thinborder2" style="padding: 3px;">
<script language="javascript" type="text/javascript">
document.write(YahooSections(section_tree))
</script>'
</td>
</tr>
</table>

I thought I could wrap a <span> tag around the <script> tag but that had no effect and messing around within it seems to cause problems.

Is this a case of direct HTML trickery or using an external <span> further out from the Javascript?

[leehack]

Use firefox and firebug on the live site and 'inspect' the area in question, it will show you what is styling each part and where it is to be found on the right hand side.

[grantglendinnin]

Paul,

You should consider downloading Firebug and using Firefox - this setup makes these issues a walk in the park as it identifies exactly which styles are applied and where in the CSS they come from.

Cheers,
Grant

[simon1828]

ok use this code

<div id="sectionfonts"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" width="8%" bgcolor="<actinic:variable name="Palette2" />"><img src="theme_tab2_left.gif" /></td>
<td bgcolor="<actinic:variable name="Palette2" />" width="84%" height="20"><span class="boxheading">Store Sections</span></td>
<td valign="top" width="8%" align="right" bgcolor="<actinic:variable name="Palette2" />"><img src="theme_tab2_right.gif" /></td>
</tr>
<tr>
<td colspan="3" class="thinborder2" style="padding: 3px;">
<script language="javascript" type="text/javascript">
document.write(YahooSections(section_tree))
</script>'
</td>
</tr>
</table></div>

now in actinic css sheet add this somewhere but obviously change the colours and fonts

#sectionfonts{
color:#000000;
font-size:10px;
}

#sectionfonts a:link{
color:#000000;
font-size:10px;
}
#sectionfonts a:visited{
color:#000000;
font-size:10px;
}
#sectionfonts a:hover{
color:#999999;
font-size:10px;
}

tell me if that works

[Darren B]

Oh and i would not use the menu system for the smart theme, it uses cgi-bin links. (i can say that now have built a new one for one of my sites - Cheers Lee for reminding me)

[simon1828]

Oh and i would not use the menu system for the smart theme, it uses cgi-bin links.

not unless you change to toplevelsection this will give you html links as I have recently found out

[RuralWeb]

<script language="javascript" type="text/javascript">
document.write(YahooSections(section_tree))

This is a site killer and is a hangover from many years ago

[simon1828]

I wish people would stop posting questions then when we all give suggestions they log out and we dont know if it worked or not

[Darren B]

Perhaps they are doing something else

[leehack]

Hopefully, with such a specific response, it cannot fail and thus you are just waiting for a thank you.

[pandpdeveloper]

Sorry for the delayed response. I maintain 15 sites and am designing a fresh one so my time on forums is limited unfortunately.

I tried the coded solution and it works, with this in mind and the comments I have since found concerning the Smart theme I am moving away from using Actinic to create full page layouts.

As a web designer I find Actinic to be difficult to navigate in terms of stylesheets and design and feel the time spent messing around with the layouts could be better spent creating HTML based web pages with direct product linking.

Am I alone in thinking this?

[simon1828]

Am I alone in thinking this?

Well I find actnic has its pros and cons, for example in dreamweaver when you say add a banner you must go through every single page adding the banner maually where as in actinic you do it on one layout and it changes every page using that layout, however actinic is very restricted if you do not know how things work.

[leehack]

Sorry for the delayed response. I maintain 15 sites and am designing a fresh one so my time on forums is limited unfortunately.

I tried the coded solution and it works, with this in mind and the comments I have since found concerning the Smart theme I am moving away from using Actinic to create full page layouts.

As a web designer I find Actinic to be difficult to navigate in terms of stylesheets and design and feel the time spent messing around with the layouts could be better spent creating HTML based web pages with direct product linking.

Am I alone in thinking this?

For outer design and stylesheets use your own in DW, that's what I do, you have no need to mess with actinic as you put it. As for inner layouts, there is no layout pixie that comes and produces code for you if you do not use actinic, so whether you are inside of actinic or outside of it, it still has to be done. One big advantage with actinic is that the layouts you get as standard setup all the things you need to use, you then just move them around and style them accordingly to get the look you want.

It sounds like you do not understand the power an flexibility of actinic in this area and would benefit from a good read and play with it, actinic has many limitations as do all packages, but there is few weaknesses in the areas you are talking about, its actually very strong IMO.