Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Footer formatting questions


  #1  
Old May 18, 2010, 08:57 PM
Caryn Inspired Raw
 
28 posts · Jul 2009
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> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/About">ABOUT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/contact">CONTACT</a></strong></font>
<br>
<br>
&copy; %current-year% Flow Dynamix&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.flow-dynamix.com&nbsp;&nbsp;&nbsp;&nbsp;<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
  #2  
Old May 20, 2010, 06:03 AM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/About">ABOUT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/contact">CONTACT</a>
</li>
<li id="footer-row2">
&copy; %current-year% Flow Dynamix&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.flow-dynamix.com&nbsp;&nbsp;&nbsp;&nbsp;<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;}
#footer-row2 {color:red;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old May 20, 2010, 03:58 PM
Caryn Inspired Raw
 
28 posts · Jul 2009
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> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/About">ABOUT</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="http://www.flow-dynamix.com/contact">CONTACT</a>
</li>
<br>
<li id="footer-row2">
&copy; %current-year% Flow Dynamix&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.flow-dynamix.com&nbsp;&nbsp;&nbsp;&nbsp;<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;}
  #4  
Old May 20, 2010, 08:03 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add this to get rid of the disc's and add underline, use
HTML Code:
#footer ul {list-style-type: none !important;}
#footer-row2 a {text-decoration:underline;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old May 25, 2010, 03:54 PM
Caryn Inspired Raw
 
28 posts · Jul 2009
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!

&copy; %current-year% Flow Dynamix&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.flow-dynamix.com&nbsp;&nbsp;&nbsp;&nbsp;<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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Footer Widget Formatting andyro Sidebars & Widgets 2 Mar 30, 2010 10:05 AM
Four questions. Asdoo Atahualpa 3 Wordpress theme 2 Nov 20, 2009 07:47 AM
Some questions levd Header configuration & styling 2 Oct 22, 2009 05:19 PM
A Few Questions.... paulharrisjr Atahualpa 3 Wordpress theme 1 Mar 31, 2009 09:52 PM
2 Questions HowlingScribe Atahualpa 3 Wordpress theme 6 Mar 23, 2009 04:20 PM


All times are GMT -6. The time now is 09:01 PM.


Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.