[SOLVED] Is it possible to add a footer?
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? |
the footer already exists and there are some options. Look thru the theme options for FOOTER
|
You can customize your footer in the theme option.
|
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; 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! |
The first has to do with the post footer, the second has to do with the page footer
|
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 |
Sorry one more thing. I also tried to make the background transparent without succeeding.
|
Me again. Solved everything except the line height and color.
|
what do you have in the 'Footer: Content' option?
|
This is what I have in the footer content box "Copyright © %current-year% %home% - All Rights Reserved %loginout% %admin%"
|
sorry wrong direction...
this line HTML Code:
<hr height="4" style="background-color:#000080;"> |
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.
|
look at the code. What is different between this
HTML Code:
<hr style="height:2px;border-width:0; background-color: #000080" /> HTML Code:
<hr height="4" style="background-color:#000080;"> |
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.
|
I finally got the height right, but still not the background color of the line. Used this code
<hr style="height:3px; background: #000080;" /> |
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" /> HTML Code:
<hr style="height:3px; background: #000080;" /> |
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.
|
check again, looking at the souce of the page I see
HTML Code:
<hr style="height: 3px; background-color: \000080;"> you could just code an HTML Code:
<hr class="my-hr"> HTML Code:
hr.my-hr {background-color: #000080; height: 3px;} |
It was a # sign, but that does not matter because your second suggestion did the trick. Thank you so much.
|
All times are GMT -6. The time now is 07:31 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.