Editable Home Page Centerboxes [Support]

[Streaming]

Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.

[DivaVocals]

Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.

You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.1%;
background:#e0d0d0;
}

#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.32%;
background:#c0c0c0;
}

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:right;
width:33.1%;
background:#e0d0d0;
}

[DivaVocals]

You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..

Try this.. Replace lines 1-26 with this:

/*Centers middleboxes and aligns them in one row*/
#navColumnMiddleWrapper {
    margin: auto;
    }

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    background:#e0d0d0;
    }
    
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;
    width:33%; 
    background:#c0c0c0;
    }

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    background:#e0d0d0;
    }

[Streaming]

Ok, thanks for that. Have changed the code to the following which has worked fine:

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:left; 
	width:32.9%;
	background:#e0d0d0;
	}
	
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:left;
	width:33.15%; 
	background:#c0c0c0;
	}

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:right; 
	width:32.9%;
	background:#e0d0d0;

[DivaVocals]

Cool!

Ok, thanks for that. Have changed the code to the following which has worked fine:

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:32.9%;
    background:#e0d0d0;
    }
    
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;
    width:33.15%; 
    background:#c0c0c0;
    }

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:right; 
    width:32.9%;
    background:#e0d0d0;

[Streaming]

In the middle of a brainstorm. Where's the code for changing the Heading Titles to my own customized headings i.e. changing middle box 1, 2 and 3 to my own titles?
Many thanks.

[DivaVocals]

In the middle of a brainstorm. Where's the code for changing the Heading Titles to my own customized headings i.e. changing middle box 1, 2 and 3 to my own titles?
Many thanks.

This is setup just like the sideboxes, so it will be in the language files.. I'm at work right now so I don't have the mod in front of me.. But it should be fairly obvious..

[deemurphy]

I installed this on my test home computer before installing it on my hosting system. I got info. in the middle - no colored header like my side boxes have and how do I place them beside each other?

Thank you
LadyDee

[kitten091182]

Great mod, it's perfect for what I need. I have it installed fine, just wondering if there is a good way to display it only on the product listing page? I have it above the main bit with position 8 at the moment, but I don't want it displaying on the other pages. I know I can create separate stylesheets for the pages with display:none in them, but is there a simpler way, something like the if statement in tpl_main_page which disables left and right columns on certain pages?
Thanks