Main Wrapper height

[mbenatar]

Hi Again,
How do I make the size/height of my main wrapper the same as my right sidebar widgets?
http://www.thecrwn.org

Thank you,
Marten

[Colin]

give this a try

Code: Select all

#post-61 .post{height:630px;}


This will only work providing nothing changes on your sidebar and the text in this page does not exceed 630px.

[mbenatar]

Hi,
Very good! That worked just fine.

Thank you,
Marten

[mbenatar]

Hi Colin

This will only work providing nothing changes on your sidebar and the text in this page does not exceed 630px.

Can I then just increase the pixels to compensate for the difference, or do I need another approach?

[Colin]

Yes just change the pixel number to suit your changes.

[drake]

For an automated solution you can add next code at Suffusion Options -> Backend -> Custom Includes -> Custom Footer Javascript:

Code: Select all

var ddequalcolumns=new Object()
ddequalcolumns.columnswatch=["sidebar-shell-1","sidebar-shell-2","main-col"]
ddequalcolumns.setHeights=function(reset){var tallest=0
var resetit=(typeof reset=="string")?true:false
for(var i=0;i<this.columnswatch.length;i++){if(document.getElementById(this.columnswatch[i])!=null){if(resetit)
document.getElementById(this.columnswatch[i]).style.height="auto"
if(document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
tallest=document.getElementById(this.columnswatch[i]).offsetHeight}}
if(tallest>0){for(var i=0;i<this.columnswatch.length;i++){if(document.getElementById(this.columnswatch[i])!=null)
document.getElementById(this.columnswatch[i]).style.height=tallest+"px"}}}
ddequalcolumns.resetHeights=function(){this.setHeights("reset")}
ddequalcolumns.dotask=function(target,functionref,tasktype){var tasktype=(window.addEventListener)?tasktype:"on"+tasktype
if(target.addEventListener)
target.addEventListener(tasktype,functionref,false)
else if(target.attachEvent)
target.attachEvent(tasktype,functionref)}
ddequalcolumns.dotask(window,function(){ddequalcolumns.setHeights()},"load")

It is the original code from old WP Equal Columns plugin by Anthony Acosta, adapted for Suffusion markup. Also, the original plugin load the javascript in header and I think that is better to be loaded in footer for avoid negative impact to loading page speed.

After installing the script clear your cache and reload the page with Ctrl-F5 (Shift-F5 for Chrome) for several times, sometimes the changes isn't visibile imediatly. Also, if seems to not have the desired effect, change in code main-col with content and see if works in your case.

Some sites where I use that technique: http://www.bhzn.nl/site or http://www.reklamastudio.ro/promovare-online/

[mbenatar]

Thank you, I'll try the automated code when I make anymore changes.

Marten