[SOLVED] Footer formatting questions
1. I am trying to include two rows with links in the site footer. The top row would have teal links not underlined and the second row would have gray links with underline.
My problem is that I only seem to be able to format footer links in the style boxes which then apply to both rows. My attempts to put html in the content area to override were unsuccessful using the code below. Any fix here or way to achieve this without getting into CSS or the php file? Would I be better to add a widget to the footer for the top row menu? It is one that will likely be changing. <font color="#00a79d" size="2" face="Trebuchet MS, Tahoma, Arial, sans-serif"><strong><a href="http://www.flow-dynamix.com">HOME</a> | <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> | <a href="http://www.flow-dynamix.com/About">ABOUT</a> | <a href="http://www.flow-dynamix.com/contact">CONTACT</a></strong></font> <br> <br> © %current-year% Flow Dynamix www.flow-dynamix.com <font color=#777777><a href="http://www.flow-dynamix.com/privacy">Privacy Policy</a> 2. The footer is centered on the site. Because my right sidebar is wider than the left, the footer is off-center to the center text. Is there a way to have the footer center to the center section? I know i may create something even worse, of course! I'm using 3.4.6. Thanks! Caryn |
why not use CSS? just use this for the footer
{html}<ul> <li id="footer-row1"> <a href="http://www.flow-dynamix.com">HOME</a> | <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> | <a href="http://www.flow-dynamix.com/About">ABOUT</a> | <a href="http://www.flow-dynamix.com/contact">CONTACT</a> </li> <li id="footer-row2"> © %current-year% Flow Dynamix www.flow-dynamix.com <font color=#777777><a href="http://www.flow-dynamix.com/privacy">Privacy Policy</a></li></ul>[/html] and then you can use something in ATO->Add HTML/CSS Inserts->CSS Inserts like this HTML Code:
#footer-row1 {color:blue;} |
Thanks, Juggledad! No philosophical objection to CSS, just not great skills here.
I tried to paste exactly as instructed. 2 issues. • I've picked up bullet points at the far left of each line. Strange since it's the ul / unformatted list. •*The privacy policy link is still teal rather than gray. Also forgot to mention that once it's gray, I need to underline it. Here's what I've got in case something was lost in translation: <ul> <li id="footer-row1"> <a href="http://www.flow-dynamix.com">HOME</a> | <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> | <a href="http://www.flow-dynamix.com/About">ABOUT</a> | <a href="http://www.flow-dynamix.com/contact">CONTACT</a> </li> <br> <li id="footer-row2"> © %current-year% Flow Dynamix www.flow-dynamix.com <font color=#777777><a href="http://www.flow-dynamix.com/privacy">Privacy Policy</a></li></ul> #footer-row1 {font-size: 1.2em; color:#00A79D;} #footer-row2 {color:#777777;} |
add this to get rid of the disc's and add underline, use
HTML Code:
#footer ul {list-style-type: none !important;} |
Thanks, Juggledad! For whatever reason, I needed some formatting on the footer itself to resolve the link underline and color, but with your help, I got there!
© %current-year% Flow Dynamix www.flow-dynamix.com <a href="http://www.flow-dynamix.com/privacy"><font color=#777777><u>Privacy Policy</u></a></li></ul> Best, Caryn http://www.flow-dynamix.com |
All times are GMT -6. The time now is 01:27 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.