Another quick question!

[gamenet]

Hey guys. I have this big space on my category's page and it really bugs me!

Link to problem:
http://gamenet.net.au/index.php?main...&cPath=152_169

How do i get rid of it! please help! ~~~~

[gjh42]

Your main stylesheet (stylesheet.css) has

#indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; min-height:140px; height:auto !important; height:140px; color:#434342; font-family:Tahoma; line-height:14px; font-size:11px;}

Remove the min-height to let it take only the space it needs.

The height:auto !important; overrides the height:140px; which follows it, so you could just delete the height:140px;

[eVelt]

Find

#indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; min-height:140px; height:auto !important; height:140px; color:#434342; font-family:Tahoma; line-height:14px; font-size:11px;}

in the file
includes/templates/theme212/css/stylesheet.css

and replace it with:

#indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; height:auto !important; height:140px; color:#434342; font-family:Tahoma; line-height:14px; font-size:11px;}

this will take away the "min-height:140px;"

Please backup that file before editing
and since i did not fully review the template
it may be necessary to revert it for proper rendering later on or in a page that uses that ID (#indexProductListCatDescription)

I don't think that it might cause a problem, but better safe then sorry

hope it helps :)

[eVelt]

Wow gjh42

sorry for the double reply

what shall i do next time?
shall i delete my reply ?

[gjh42]

On testing, you can eliminate all height references in that rule if you don't want a fixed or minimum height.

#indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; color:#434342; font-family:Tahoma; line-height:14px; font-size:11px;}

Don't worry about the duplication - it happens all the time (sign of an active forum, that two people are answering at the same time).

[gamenet]

Wow, thanks for the responses. :)

however...


http://gamenet.net.au/index.php?main...&cPath=128_136

It's still there!, i deleted the code that you said. here is my code now.

#indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; height:auto !important; height:140px; color:#434342; font-family:Tahoma; line-height:14px; font-size:11px;}

I would still like the possibilty of adding pictures to it later on..

[gamenet]

Disregard that last post. i fixed it.

but now everything is aligned too much to the left. i think i need to add a margin or something? :)
What exactly should i do, thanks
example:
http://gamenet.net.au/index.php?main...&cPath=152_163

[gjh42]

What do you want to change? All I see is the main title and the filter dropdown.

[gamenet]

Yeah, do you see how they are pushed over to the left?
The filter and the bit that says "Displaying 1 to 20 (of 26 products)"

[gjh42]

Those are things I would normally expect to be left-justufied (or perhaps right-justified for the dropdown). If you don't have them already, get Firefox and its Web Developer or Firebug extensions - they will help you find and test the styling elements you need.