Page 1 of 1
Positioning Thumbnails in Categories
Posted: Tue Oct 21, 2008 2:31 pm
by smcfarland
I searched for this in the forums but didn't see anything.
Where do you change the alignment for the thumbnails in the category? If I look at the code on the page, it says:
Code: Select all
<td align="center" class="tableNode" style="width: 33%;" valign="bottom">
However, in the CSS, there is nothing specifying the vertical-align:bottom -- I have looked everywhere. Am I missing something?
Thanks.
Re: Positioning Thumbnails in Categories
Posted: Tue Oct 21, 2008 3:49 pm
by ryanstowasser
change valign="bottom" to valign="top"
that will do it if there is nothing in the css
Re: Positioning Thumbnails in Categories
Posted: Tue Oct 21, 2008 6:14 pm
by smcfarland
I just can't find the file anywhere...
I looked in all the css, the layouts, and all the main category pages in the root.
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 6:59 am
by mazhar
Make this change in the ASPX file code not in CSS as mentioned by ryanstowasser.
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 8:26 am
by smcfarland
I changed it in CategoryGridPage3, which is where the code was located, but it didn't make the change.
It is a pet peeve of mine for the images not to line up because there are different lines of text for the product - looks disorganized. I will try to find a way to work around it.
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 8:51 am
by mazhar
On the CategoryGridPage3 I think you need to modify the following statement
Code: Select all
<ItemStyle HorizontalAlign="center" VerticalAlign="middle" Width="33%" CssClass="tableNode" />
Change its vertical align property to your desired for example Top etc.
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 11:25 am
by smcfarland
Looking at the source code, I have:
Code: Select all
<td class="tableNode" align="center" valign="top" style="width:33%;">
It should be right (err, top), but it isn't.
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 11:34 am
by mazhar
I suggested the change in ConLib/CategoryGridPage3.ascx file. Are you looking in the same file or some different one?
Re: Positioning Thumbnails in Categories
Posted: Wed Oct 22, 2008 11:37 am
by smcfarland
For anyone else looking for this, I changed it there (categories pages), but it also needed to be changed in the styles.css:
Code: Select all
/* node in the catalog display - used in table layouts */
.catalog .tableNode { vertical-align:top;}
It was not in the first stylesheet I was looking in, but it is in the one I am using now.