Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing Category links center front page

Changing Category links center front page

Views: 829

Results 1 to 3 of 3
1 Feb 2011, 5:25 PM
#1
cshart avatar

cshart

Zen Follower

Join Date:
Mar 2005
Posts:
370
Plugin Contributions:
0

Changing Category links center front page

I want to change the link font in this part of the site. See below

Site url ...//....pleasantmountainstitchery.com/sales/ fill in the dots with appropriate link info http://www

The header title, sidebox titles, h1, h3 titles are all working as they should be it is the section below that is not working.

I tried #centerBoxWrapperContents .categoryListBoxContents a:link {font-size: 4em; font-family: 'KingthingsPetrockLightRegular', Arial, sans-serif;}

The font family is embed so it works fine for the h1 tags and assorted h3 tags but will not work for the category links in the centerBoxWrapperConntents categoryListBoxContents section.

Any idea what I am doing wrong. Tried several other iterations that did not work either.

<!-- BOF: Display grid of available sub-categories, if any --> <div class="centerBoxWrapperContents"> <table width="100%" align="center" cellpadding="1" cellspacing="15" border="0"> <tr> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=2"><img src="images/pixel_trans.gif" alt="Fabric" title=" Fabric " width="1" height="1" /><br />Fabric</a></div></td> <td class="vDotLine" rowspan="6"></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=24"><img src="images/pixel_trans.gif" alt="Machine Accessories/Parts" title=" Machine Accessories/Parts " width="1" height="1" /><br />Machine Accessories/Parts</a></div></td> <td class="vDotLine" rowspan="6"></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=1"><img src="images/pixel_trans.gif" alt="test" title=" test " width="1" height="1" /><br />test</a></div></td> </tr> <tr> <td class="hDotLine"></td><td class="hDotLine"></td><td class="hDotLine"></td></tr> <tr> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=3"><img src="images/pixel_trans.gif" alt="Notions" title=" Notions " width="1" height="1" /><br />Notions</a></div></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=4"><img src="images/pixel_trans.gif" alt="Patterns" title=" Patterns " width="1" height="1" /><br />Patterns</a></div></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=5"><img src="images/pixel_trans.gif" alt="Kits" title=" Kits " width="1" height="1" /><br />Kits</a></div></td> </tr> <tr> <td class="hDotLine"></td><td class="hDotLine"></td><td class="hDotLine"></td></tr> <tr> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=6"><img src="images/pixel_trans.gif" alt="Clearance" title=" Clearance " width="1" height="1" /><br />Clearance</a></div></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=7"><img src="images/pixel_trans.gif" alt="Books" title=" Books " width="1" height="1" /><br />Books</a></div></td> <td width="32.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.pleasantmountainstitchery.com/sales/index.php?main_page=index&cPath=8"><img src="images/pixel_trans.gif" alt="Classes" title=" Classes " width="1" height="1" /><br />Classes</a></div></td> </tr> </table> </div><!-- EOF: Display grid of available sub-categories -->

C

1 Feb 2011, 5:40 PM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Changing Category links center front page

Do yopu mean this?

#indexCategoriesMainContent

1 Feb 2011, 6:38 PM
#3
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Changing Category links center front page

Try this:

Delete this from your stylesheet
I tried #centerBoxWrapperContents .categoryListBoxContents a:link {font-size: 4em; font-family: 'KingthingsPetrockLightRegular', Arial, sans-serif;}
BTW 4em is rather large.

Find this line
.centerBoxWrapperContents{border:0px solid #b5b5b5;padding-top:0px;}
make the padding-top: 10px
below that line add this
.centerBoxWrapperContents a {color: #FF0000;}
Of course the above is just a sample style.