Hello,
I have a problem and would like to know if there is a way to solve it within the software...
Please look at link below:
http://store.desertscrappers.com/index.asp...anfID=19&Page=1
After doing a search on manufacture if it returns more than 3-4 pages of items for that search it pushes the left & right side tables out past the 780 pixels that I have set for the Store Front Main Table Size.
I don't like how it looks and would like to keep it under control. I have tried several different ways to control it but it doesn't seem to work.
1. Tried to set the Store Front Center Column Table Size to various settings, 70, 80, 90 % with no change.
2. I have tried to set up the Number of Columns in Product Lists to list only 2 items.
What keeps pushing it out is this located at the top:
97 ITEMS [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ] Items: -- 25 50 75 Sort:
Am I missing something or is not possible to control this?
Thanks,
Full Version: Table Help
It looks like the subtitle class coupled with the nowrap feature on that table cell is going to restrict this column from resizing any smaller than it is. That is why decreasing its percentage has no effect.
You can't control the nowrap feature (and I assume you wouldn't want this cell to wrap anyway). The only thing that you can control is the font associated with the subtitle class. Either that or resize one of the other columns.
That's my guess.
You can't control the nowrap feature (and I assume you wouldn't want this cell to wrap anyway). The only thing that you can control is the font associated with the subtitle class. Either that or resize one of the other columns.
That's my guess.
I know you have the option to wrap nav bar text but I am not sure if that is the ticket for this one......
Hi cbhale -
I see what you are referring to and undejj is correct that the No Wrap designation for that table row is preventing the page numbers from wrapping onto a new line. This is done so that the page number links, item dropdown and sort dropdown are all on the same line.
I tested undejj's suggestion to decrease the 'Primary Subtitle Text' size (under Site Wide Fonts) and that worked pretty well to keep the width of the table cell down, thus not pushing the side bars out too far from the top bar.
The 'Wrap Navigation Bar Text' option under Site Wide Settings does not control the wrapping in this cell, that is only for the side navigation bars.
I can submit a request to have Development review the construction of this table cell to see if we can't offer a feature similar to the side nav bar option to allow you to set wrap or no wrap for this section. Thanks for pointing this out!
I see what you are referring to and undejj is correct that the No Wrap designation for that table row is preventing the page numbers from wrapping onto a new line. This is done so that the page number links, item dropdown and sort dropdown are all on the same line.
I tested undejj's suggestion to decrease the 'Primary Subtitle Text' size (under Site Wide Fonts) and that worked pretty well to keep the width of the table cell down, thus not pushing the side bars out too far from the top bar.
The 'Wrap Navigation Bar Text' option under Site Wide Settings does not control the wrapping in this cell, that is only for the side navigation bars.
I can submit a request to have Development review the construction of this table cell to see if we can't offer a feature similar to the side nav bar option to allow you to set wrap or no wrap for this section. Thanks for pointing this out!
That would be great, I am trying to keep the overall size fixed for the smaller resolution customers. I obviously want to try an eliminate the right scrolling and the un-professional look!
Thanks,
Thanks,
I see what you mean. I ran into the exact problem with my site. I am note sure how I fixed it though. I will check over my coding and see if I can be or more help..
Hi! I will also shoot this post over to one of our design experts for assistance.
Actually I looked and my site also has this problem with the search. Sorry... I worked hard to keep the sizing consistent... Is this a search issue? As on my homepage I also have it set up to be 4 columns but during the search results the sides get really pushed out...
I have two recommendations for you:
Recommendation #1 - Manipulation
You can try manipulating the cell through your admin panel or you can try manipulating it in custom.css. You can overwrite the original class simply by calling the same class in custom.css. The class is currently this:
Recommendation #1 - Manipulation
You can try manipulating the cell through your admin panel or you can try manipulating it in custom.css. You can overwrite the original class simply by calling the same class in custom.css. The class is currently this:
| CODE |
| .proddisplay1 { background-color:#D9E0F2; bordercolor:#D9E0F2; border-colorlight:#D9E0F2; border-colordark:#D9E0F2; } |
I'd obviously put your font attributes in there too, but keep in mind that several other parts of your store may also share that class as well.
That nowrap in the tables is a pain in the butt and unnecessary, particularly when you can control the nowrap in CSS with the overflow tag (then users can control when the nowrap is used). This might be a good suggestion to bring up to the v4.0 developers.
The downside to manipulation is that no matter what you do you may not be able to get it just right.
Recommendation #2 - Custom Programming
I would imagine removing the nowrap in custom programming wouldn't take all that long. However, if you get custom programming, I'd recommend going a step further and also create a second row (because simply removing the nowrap still won't fix all your visual issues)... put the search options on one row and the search paging on another row, thus eliminating your problem altogether and making it look nice at the same time.
Ultra - Can't you just make the number of page views shown less? For example, instead of:
97 ITEMS [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ] >> Items: -- Sort: --
do this:
97 ITEMS [ 1 ] [ 2 ] [ 3 ] >> Items: -- Sort: --
It seems like that would fix the problem. You still have the same number of pages, just less page views.
My 2 cents.
97 ITEMS [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ] >> Items: -- Sort: --
do this:
97 ITEMS [ 1 ] [ 2 ] [ 3 ] >> Items: -- Sort: --
It seems like that would fix the problem. You still have the same number of pages, just less page views.
My 2 cents.
That would also be an option... thanks undejj.
OK going to attack this problem hopefully from another angle..
I found this while browsing a new site that wanted to be critiqued.
OK Look at this website...
http://69.20.48.130/index.asp?PageAction=V...ATS&Category=21
Again pay attention to the area in which you have a option to go to the next page up to five. Again see above for better description of what I am trying to fix.
Now Look at my link:
http://store.desertscrappers.com/index.asp...anfID=19&Page=1
OK as you can see my site pushes out the right & left column if it goes over 4 pages deep of products. But the other site has 5 pages deep listed and the right & left columns stay put.
I thought maybe it had something to do with the font (and some home still think it does) . Could you please take a look again and see if it is truly different?
Thanks All,
I found this while browsing a new site that wanted to be critiqued.
OK Look at this website...
http://69.20.48.130/index.asp?PageAction=V...ATS&Category=21
Again pay attention to the area in which you have a option to go to the next page up to five. Again see above for better description of what I am trying to fix.
Now Look at my link:
http://store.desertscrappers.com/index.asp...anfID=19&Page=1
OK as you can see my site pushes out the right & left column if it goes over 4 pages deep of products. But the other site has 5 pages deep listed and the right & left columns stay put.
I thought maybe it had something to do with the font (and some home still think it does) . Could you please take a look again and see if it is truly different?
Thanks All,
Edit the custom.css file. This file is located in your root when you log into File Manager. Download, edit, save and upload back to the same spot. When you edit, delete the entire example that is in there. You won't need it. Then paste this in there:
| CODE |
| font.Subtitle { font-family:Arial; font-size:8pt; color:#000000; FONT-WEIGHT:normal; FONT-STYLE:normal; TEXT-DECORATION:none;} |
That's exactly what the other site has. I think you will be pleased with the result!
Don't worry, this won't harm your site. To get it back to the way it was, simply delete that code from the custom.css file. To try something different, edit the code. For example, you may want to try Verdana instead of Arial, but I don't think you will be as pleased. The character spacing on Verdana is way more than Arial, leading to a wider column. Try it and you will see what I mean.
I tested this out with a local copy of your site on my computer and I think it looks 100% better with that code in there.
There are undoubtedly settings for this within your Admin Panel, but I don't know which ones they are, so this is more straightforward for me to explain.
On another note, what is that '1' heading at the top of the center column? Under Site Information > Site Wide Settings, Site Text tab, do you have 'Display Header (Category Specials Header)' set to 1?
It looks rather odd.
You can also set your center column width back to 100%. Or not .. 
WOOOOO WHOOOOOOOOOOOO
Undejj,
I have been waiting for a fix for that. Thanks for taking the time out to figure that out. I gave up too soon I can see.
And thanks to thecdexchange.com for having it on there site...
Great Thank Guys! Hope to return the favor someday!
Undejj,
I have been waiting for a fix for that. Thanks for taking the time out to figure that out. I gave up too soon I can see.
And thanks to thecdexchange.com for having it on there site...
Great Thank Guys! Hope to return the favor someday!
Glad I could (finally) help! 
Another thing you can do instead of editing the CSS is to make your page 100% width. You mentioned that you wanted everyone to be able to see your site wtihout scrolling, if you set your page to 100% it will expand to fit and size browser or monitor.
Nice header by the way
Nice header by the way
I respectfuly disagree. In this case, that didn't work because of the nowrap feature on the center table cell in question.
Plus I have tried to design the site for the Monitor/Resolution Impared folks can see thepage without scrolling to the right. I feel I have accomplished this on most.
Thanks again for the input and fix to a problem that was making my hair fall out.
Thanks again for the input and fix to a problem that was making my hair fall out.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.