Is there a hardcoded clearingdiv?

[patagonia]

On my category page on the live website, I have a big gap between the description text and the pagination beginning.

In the html output code, I see there is:

PHP Code:

<!-- /Category Description --> 
</p> 
<div class="clearingdiv">&nbsp;</div> 
</div> 
<div class="modcont" > 
<!-- Pagination Links (Top) --> 


A clearingdiv between the two. I can not see this anywhere in the module code to be able to delete it. Is it hard coded somewhere?

Can we please have it removed, or please advise how to remove, as the gap between my text and products is toooo big.

[Eric]

Can you please share the link to the page where the gap appears? Clearing divs cannot be deleted because they actually control columns. But I doubt it's the clearing div as they have a height of 0.

[badm00n]

I have that gap too.. it happens when there is a child category without any subcatgories under it. It leaves an empty modcont div with just a clearingdiv inside.

[Eric]

Originally Posted by badm00n

I have that gap too.. it happens when there is a child category without any subcatgories under it. It leaves an empty modcont div with just a clearingdiv inside.

Can you post a link to this so I can see it?

[patagonia]

I just sent a PM with the url in it (sorry don't want to post link here)

[Eric]

Hi

Originally Posted by patagonia

On my category page on the live website, I have a big gap between the description text and the pagination beginning.

This could be tweaked by applying the following styles to your Custom CSS.

#view .modwrp .modcont
{
	margin: 0 10px 0 0;
	padding: 5px;
}

#view .pgr { margin: 0px 0 5px 0; }

You could even tweak the padding: 5px; value a little, maybe make it 3px or something like that.

Originally Posted by badm00n

I have that gap too.. it happens when there is a child category without any subcatgories under it. It leaves an empty modcont div with just a clearingdiv inside.

Your site could also use this:

#view .modwrp .modcont
{
	margin: 0 10px 0 0;
	padding: 5px;
}

#view .pgr { margin: 0px 0 5px 0; }

But you also have an empty <p> tag under your category title. It's "waiting" for a category description but since there is no category description, it takes up extra space. To remove the extra <p> tag, you can find that here: Factory > YOUR STORE > VIEWS > CATEGORY PAGE > Default > Text module.

Also, all modules will take a CSS ID. So if you want to style a specific .modcont area, give it an ID and then you will be able to easily target that module content area with some CSS code written specifically for that area.

Eric