Forums Index > Mewsoft Products > Auctionawy > Editing the Categories list
nufsed First Post Posted on: 12-18-08 07:43 AM
Editing the Categories list

Where would I edit the line spacing for the categories list on the front_page. I have the categories listed in a single column and placed in the left sidebar. I found a Categories Horizontal Spacing option in the configuration manager but I can not find where I can change the "vertical" or line spacing. Also in a recent post another user asked how to change the font color. I'm ok with the red for now but I am also working on a few more themes and for future reference; "can the category fonts be changed (size and/or color) without effecting all of the links in the site?"\ Thanks and great job on the newest version!
mewsoft Reply #: 1 Posted on: 12-18-08 12:45 PM
Re: Editing the Categories list

The vertical spacing you do by customizing the categories classes as you link, you can set the tables and cells spacing and padding. As for changing colors or fonts, as I answered the other post you are refering to, these default settings are set by CSS in the Header class and the font color set for al links. There are many ways to change the fornt style or color and size etc. the simple way is to add a CSS tag in the header and use it, you will find already a CSS class in the header you can customize it called .cat or .maincat, all you need to activate it is to include the category link class like in a span tag say like this


Code: HTML
</p><p>&lt;span class=&quot;cat&quot;&gt; &lt;class::Category class here&gt; &lt;/span&gt;</p><p>


Mewsoft Support
www.mewsoft.com

nufsed Reply #: 2 Posted on: 12-18-08 10:19 PM
Not sure what to do with it

I applied the coding example you gave every way I could think of to the categories statement in the FrontPage template and the best I could get was changing the line spacing before and/or after the entire list of categories as a whole. This just changes the relative position of the list within the cell/table in which it resides. I can not figure out how to get this to apply to the line spacing for each of the individual categories. Thanks
nufsed Reply #: 3 Posted on: 12-24-08 07:12 AM
... OK

I know this is not a support issue, it is related more to customizing. I appreciate the response given but since I do not understand it well enough to use it, please give me a labor price for,

The code snipplet, and a explanation of where i need to place it.

So that I can apply it to my site.

This offer is available to anyone interested.

mewsoft Reply #: 4 Posted on: 12-24-08 08:23 AM
Re: Editing the Categories list

I did view source on your homepage and found that your categories form has cellspacing=3 and cell padding=2 and this what produced the spacing between your categories, here is your source code view:


Code: HTML
</p><p>&lt;table border=&quot;0&quot; cellspacing=&quot;3&quot; cellpadding=&quot;2&quot;&gt;<br />&lt;tr&gt;&lt;td&gt;<br />&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;<br />&lt;tr&gt;&lt;td rowspan=&quot;2&quot; valign=&quot;top&quot;&gt;&lt;A HREF=&quot;<a href="http://lowcountrydirect.com/cgi-bin/auction/auction.cgi?action=Browse&Search=Category&Cat_ID=2&CatA_ID=0&Lang=English"><img">http://lowcountrydirect.com/cgi-bin/auction/auction.cgi?action=Browse&amp;Search=Category&amp;Cat_ID=2&amp;CatA_ID=0&amp;Lang=English&quot;&gt;&lt;img</a> src=&quot;<a href="http://lowcountrydirect.com/auctions/images/folder.gif">http://lowcountrydirect.com/auctions/images/folder.gif</a>&quot; border=&quot;0&quot; ALT=&quot;Automotive&quot;&gt;&lt;/a&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td valign=&quot;top&quot;&gt;&lt;a href=&quot;<a href="http://lowcountrydirect.com/cgi-bin/auction/auction.cgi?action=Browse&Search=Category&Cat_ID=2&CatA_ID=0&Lang=English"><b>Automotive</b></a>&nbsp;<!--Category_Count--></td">http://lowcountrydirect.com/cgi-bin/auction/auction.cgi?action=Browse&amp;Search=Category&amp;Cat_ID=2&amp;CatA_ID=0&amp;Lang=English&quot;&gt;&lt;b&gt;Automotive&lt;/b&gt;&lt;/a&gt;&amp;nbsp;&lt;!--Category_Count--&gt;&lt;/td</a>&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;&lt;td valign=&quot;top&quot;&gt;&lt;/td&gt;&lt;/tr&gt;<br />&lt;/table&gt;<br />&lt;/td&gt;&lt;/tr&gt;<br />&lt;/table&gt;</p><p /><p>

you see cellspacing="3" cellpadding="2" is the problem. juset set these to zeros and it will do whatyou want.

This seems exactly the default Category_Form settings, Here is th default Category_Form class:


Code: HTML
</p><p>&lt;table border=&quot;0&quot; cellspacing=&quot;3&quot; cellpadding=&quot;2&quot;&gt;<br />&lt;tr&gt;&lt;td&gt;<br />&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;<br />&lt;tr&gt;&lt;td rowspan=&quot;2&quot; valign=&quot;top&quot;&gt;&lt;!--Category_Folder--&gt; &lt;/td&gt;<br />&lt;td valign=&quot;top&quot;&gt;&lt;a href=&quot;&lt;!--Category_URL--&gt;&quot;&gt;&lt;b&gt;&lt;!--Category_Name--&gt;&lt;/b&gt;&lt;/a&gt; &lt;!--Category_Count--&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;&lt;td valign=&quot;top&quot;&gt;&lt;!--Category_Teasers--&gt;&lt;/td&gt;&lt;/tr&gt;<br />&lt;/table&gt;<br />&lt;/td&gt;&lt;/tr&gt;<br />&lt;/table&gt;<br />

go to your admin click on Class Editor, select the class Category_Form then change the code

cellspacing="3" cellpadding="2" to

go to your admin click on Class Editor, select the class Category_Form then change the code

cellspacing="0" cellpadding="0"

or to any values you want.


Mewsoft Support
www.mewsoft.com

nufsed Reply #: 5 Posted on: 12-25-08 06:13 AM
Re: Editing the Categories list

Perfect! It would have taken me forever to find that. Thanks agian.