carl007 0 Report post Posted June 2, 2011 Hello, I will like to align:center the simplefooter widget on my website. I have added the following code .copyright { color: black; font-family: arial; font-size: 1.0em; margin: 0px auto; text-align:left; width: 960px; } to insert copyright etc and it works fine and I can align it to right or left or center. I will like my simple footer navigation text to align properly under the copyright information. I have spent considerable amount of time trying different codes from the forum but none have solve my problem and have use firebug and made changes but no success. Please see the image of my desired outcome thanking you for your help. check my mini blog www.depictdesign.com Share this post Link to post Share on other sites
carl007 0 Report post Posted June 2, 2011 can anyone assist me with the issue raised please... check my mini blog www.depictdesign.com Share this post Link to post Share on other sites
Kate 3 Report post Posted June 2, 2011 Hi Toks, Have you tried adding the !important declaration to your code? If you have a link to your site, that would be helpful. Share this post Link to post Share on other sites
carl007 0 Report post Posted June 2, 2011 Hello Kate, thanks for your reply, I wish i could email you the link but am not allowed to share the site with the public at the moment. What are the codes that I need? This is the CSS: #simple_footer_nav ul { float: left; margin-bottom: 0; margin-left: 10px; margin-right: 10px; margin-top: 10px; } style....1100335 (line 932) #footer ul { padding-bottom: 0; padding-left: 5px; padding-right: 5px; padding-top: 0; this is the firebug code of the simplefoot <ul id="menu-footernav" class="menu"> <li id="menu-item-246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-246"> <li id="menu-item-481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-481"> <li id="menu-item-258" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"> <li id="menu-item-259" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-259" does this help? check my mini blog www.depictdesign.com Share this post Link to post Share on other sites
cmunns 16 Report post Posted June 2, 2011 You can try something like this: ` #simple_footer_nav ul { width:800px; margin:0 auto; } ` This basically assigns an equal margin to the left and right side to center elements, but you have to explicit with a width when you do this. Share this post Link to post Share on other sites
carl007 0 Report post Posted June 3, 2011 Hello Guys Thank you for all your help, you have been great and below is the code for anyone else in future thats trying to get copyright information to bottom of the page and using simplefooter as a bottom navigation. You will need to place simple footer widget to the site footer area in pagelines template set up. Code below goes into your pagelines Custom Code section. #simple_footer_nav ul { float:right; width:700px; margin:0 auto; } #footer .content-pad { padding-bottom: 1em; float:center; padding-left: 0; padding-top: 0; align:right; } .copyright { color: black; font-family: arial; font-size: 1.0em; margin: 0px auto; text-align:center; width: 960px; } Please note copyright information will need to be added to the footer.php file. the css to be added is below : </div> <!-- END #page-main from header --> </div> <!-- END #page-canvas from header --> </div> <!-- END #page from header --> <div id="footer"> <div class="copyright">?© 1997-2011 | Registered Charity in England Its good to have it summarise as it helps someone else.. i really like pagelines and the support. check my mini blog www.depictdesign.com Share this post Link to post Share on other sites
