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 » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Is it possible to add a footer?


  #1  
Old Sep 4, 2010, 02:05 PM
RunningRachel
 
3 posts · Sep 2010
CA
I am new to CSS/HTML and relatively new to blogging.

I am new to atahualpa also.

Is it possible to add a footer to the atahualpa theme/layout?
  #2  
Old Sep 4, 2010, 02:11 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the footer already exists and there are some options. Look thru the theme options for FOOTER
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 5, 2010, 11:19 AM
putakti
 
13 posts · Jul 2010
You can customize your footer in the theme option.
  #4  
Old Sep 26, 2010, 09:48 AM
jahmin
 
5 posts · Sep 2010
Leeds
Hi!

So what's the difference between these two (below) terms of styling the footer?

Post & Pages >> Style Post & Pages >> FOOTER Box / FOOTER Box: Links FOOTER Box: Links: Hover

vs.

Footer >> Style & Edit FOOTER >> Footer Style / Footer Style: Links / Footer Style: Links: Hover

Both claim to be for styling the footer box and text. Both have different, slightly random effects on my page. In neither case does it seem possible to get exactly the effect that I want.

e.g. If I use the following params "Footer >> Style & Edit FOOTER >> Footer Style"
Code:
font-family: 'Droid Sans', Helvetica, sans-serif; font-size: .8em; font-style: normal; font-weight: 400; text-decoration: none; text-transform: none; padding: 10px; text-align: center; color: #666666; letter-spacing: 0em; word-spacing: 0em; line-height: 1em;
It has no effect. "Copyright', 'All rights reserved' and 'Power by' etc. all remain stubbornly in a serif font with other settings that look distinctly like my "body" style.

But, if I add the following params to Footer >> Style & Edit FOOTER >> Footer Style: Links or Footer Style: Links: Hover

Then the name of my site, 'Wordpress' and all the other links in the footer display as requested.

If I do anything with Post & Pages >> Style Post & Pages >> FOOTER Box things get even more wacky, and my menu takes on the styling that I've applied to the footer. Meanwhile editing the settings in FOOTER Box: Links or FOOTER Box: Links: Hover don't have any affect on the menu. Nor much on the footer.

In short, there seems to be some sort of underlying problem!

Have a look for yourselves: www.jahmin.org

P.S. I've edited my header.php file to add the following line of code, can't see why it would be responsible but...

Code:
<link href='http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin'|Neuton&subset=latin rel='stylesheet' type='text/css'>

Anyway, A huge thank you for any suggestions you might have!
  #5  
Old Sep 26, 2010, 10:31 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The first has to do with the post footer, the second has to do with the page footer
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Mar 20, 2012, 09:06 AM
Harald
 
72 posts · Mar 2010
I have two horizontal lines in the page footer, and would like to style them. This is the code I have used but it does not change anything. I use the latest Wordpress and Atahualpa versions.

<hr height="4" style="background-color:#000080;">Don't miss | <a href="http://frontline-leadership.com/wordpress/?page_id=122">Frontline Solutions</a> | <a href="http://frontline-leadership.com/wordpress/?page_id=116">Bio</a> | <a href="http://frontline-leadership.com/wordpress/?page_id=15">Contacts</a> | <a href="http://frontline-leadership.com/wordpress/?page_id=17">Links</a> |<hr size="4" style="background-color:#000080;"/>

I put the code in the Post Info Items section.

This is the site http://frontline-leadership.com/wordpress/

Thanks
  #7  
Old Mar 20, 2012, 09:08 AM
Harald
 
72 posts · Mar 2010
Sorry one more thing. I also tried to make the background transparent without succeeding.
  #8  
Old Mar 20, 2012, 09:36 AM
Harald
 
72 posts · Mar 2010
Me again. Solved everything except the line height and color.
  #9  
Old Mar 20, 2012, 12:59 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what do you have in the 'Footer: Content' option?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 20, 2012 at 04:27 PM.
  #10  
Old Mar 20, 2012, 03:28 PM
Harald
 
72 posts · Mar 2010
This is what I have in the footer content box "Copyright &copy; %current-year% %home% - All Rights Reserved %loginout% %admin%"
  #11  
Old Mar 20, 2012, 04:29 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sorry wrong direction...

this line
HTML Code:
<hr height="4" style="background-color:#000080;">
is incorrect. where did you come up with the height="4"?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Mar 20, 2012, 04:50 PM
Harald
 
72 posts · Mar 2010
I found it here http://www.w3schools.com/tags/tryit....hr_noshade_css, and changed it a little to this <hr style="height:2px;border-width:0; background-color: #000080" />. It worked when I tried it at the tryit.asp.
  #13  
Old Mar 20, 2012, 05:06 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
look at the code. What is different between this
HTML Code:
<hr style="height:2px;border-width:0; background-color: #000080" />
and
HTML Code:
<hr height="4" style="background-color:#000080;">
(this IS a test)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #14  
Old Mar 20, 2012, 05:22 PM
Harald
 
72 posts · Mar 2010
I just tried both lines again, and none worked. Do I put it in the right place? I use Edit post/page info items at Footer: "Page" Pages.
  #15  
Old Mar 20, 2012, 05:30 PM
Harald
 
72 posts · Mar 2010
I finally got the height right, but still not the background color of the line. Used this code
<hr style="height:3px; background: #000080;" />
  #16  
Old Mar 20, 2012, 05:44 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Ah good, you moved the 'height:3px' into the style settings. Now look at the difference between
HTML Code:
<hr style="height:2px; background-color: #000080" />
and what you have
HTML Code:
<hr style="height:3px; background: #000080;" />
remember, computers are very picky about syntax
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #17  
Old Mar 20, 2012, 06:32 PM
Harald
 
72 posts · Mar 2010
This is what I have now <hr style="height: 3px; background-color: #000080;" /> and it does still not display a colored line. I am at a loss. Especially since this exact code works at the 3wschool tryit.
  #18  
Old Mar 20, 2012, 07:26 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
check again, looking at the souce of the page I see
HTML Code:
<hr style="height: 3px; background-color: \000080;">
note the backslash. It should be a pound sign.

you could just code an
HTML Code:
<hr class="my-hr">
then add into the CSS Inserts
HTML Code:
hr.my-hr {background-color: #000080; height: 3px;}
which is a lot easier to maintain
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #19  
Old Mar 20, 2012, 07:54 PM
Harald
 
72 posts · Mar 2010
It was a # sign, but that does not matter because your second suggestion did the trick. Thank you so much.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] how to add images to footer tarak Atahualpa 3 Wordpress theme 6 Jul 21, 2010 02:11 PM
[SOLVED] How do I add the footer to pages? Antonino Giglio Page & Category Menu Bars 1 May 3, 2010 01:46 AM
[SOLVED] Footer: How to add line break in footer text StudioGal Post-Kicker, -Byline & -Footer 2 Oct 9, 2009 06:41 AM
How Do I Add Pages To Footer? gradlebum Post-Kicker, -Byline & -Footer 5 Aug 6, 2009 10:17 AM
how to add images to footer tarak Page & Category Menu Bars 2 Mar 11, 2009 12:48 AM


All times are GMT -6. The time now is 05:58 AM.


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