Footer Menu Support Thread

[commdiver]

read posts 376 - 380

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

[clydejones]

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

Try changing this rule as indicated:

#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;}

[commdiver]

I am still having the problem. It looks the same way it did before. Here is a screenshot of it. Just to make sure I did it correctly, I posted my CSS below.

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;} 	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:33.2%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

[clydejones]

I am still having the problem. It looks the same way it did before. Here is a screenshot of it. Just to make sure I did it correctly, I posted my CSS below.

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;} 	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:33.2%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

You could try adjusting the width settings: instead if 100% give it a fixed width.

dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/

[kernheimer]

I love this contribution. i realy do. i wish i had more knowledge of php to make some changes myself but the forum is helping a lot.
Stil i love this contributon! Thank you Clyde for making it.

[beyre]

I've had this mod installed for a few weeks now and am now adding it as part of a standard install I do for clients.

However, the only thing is that there is an About Us link there, but it's unfinished. I guess Clyde assumed people might use such a page. For this client, yes I do. However, I don't have an About Us page - so how do I go about creating one and getting the right text to show in the footer?

[clydejones]

I've had this mod installed for a few weeks now and am now adding it as part of a standard install I do for clients.

However, the only thing is that there is an About Us link there, but it's unfinished. I guess Clyde assumed people might use such a page. For this client, yes I do. However, I don't have an About Us page - so how do I go about creating one and getting the right text to show in the footer?

download and install the about us page contribution

[beyre]

Thank you!

[autoace]

Any ideas on how to get this link code:

Define('FEEDBACK', '<li><a href="' . zen_href_link(FILENAME_FEEDBACK) . '">' . Website_Feedback . '</a></li>');

to open as a pop-up and be re-sized?

[clydejones]

Any ideas on how to get this link code:

Define('FEEDBACK', '<li><a href="' . zen_href_link(FILENAME_FEEDBACK) . '">' . Website_Feedback . '</a></li>');

to open as a pop-up and be re-sized?

Not sure what this has to do with footer menu.