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] Just above the footer


  #1  
Old Aug 12, 2010, 12:04 PM
Obi
 
22 posts · Aug 2010
Hi,

I would like to add a frame containing a disclaimer, right above the footer and be able to control the text and background color. I would also like to control which pages it is visible on.

Would appreciate your help with this.

~ Obi
  #2  
Old Aug 12, 2010, 05:13 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Real quick answer...
  • Add a new widget area above the footer
  • Add a text widget with the disclaimer to the new widget area
  • Add the Display Widgets plugin
  • Set the widget to only show on the pages you want with the controls the Display Widgets gives you.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 12, 2010, 07:20 PM
Obi
 
22 posts · Aug 2010
Thank you lmilesw for your answer.
I am a complete novice with WP and Atahualpa and would appreciate some detail as to how exactly to perform these four steps.

Many thanks

~ Obi
  #4  
Old Aug 12, 2010, 11:00 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
If you are totally unfamiliar with WordPress and Atahualpa these instructions may still seem too complex. You really should spend some time just playing with some of the settings to see what they do and to become familiar with the theme options. That said here you go.
  • Install Display Widgets
  • Look in ATO>Add New Widget Areas. Copy the code for the most basic widget area
    HTML Code:
    <?php bfa_widget_area('name=My new widget area'); ?>
  • Go to ATO>Style & edit FOOTER and paste the code you just copied above anything else in the Footer:Content box
  • View the site and refresh a couple of times
  • Go to Appearance>Widgets and add a text widget to the new widget area
  • Add the disclaimer text and set the widget to display on the pages you wish with the check boxes on the widget.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Aug 13, 2010, 08:39 PM
Obi
 
22 posts · Aug 2010
lmilesw,

Your patience is much appreciated. I did as per your instructions and all works fine.

I'd appreciate if you could also tell me how to change the font (type and size), text and background color, just on the disclaimer portion of the footer, without affecting that of the original footer.

Many thanks.

~ Obi
  #6  
Old Aug 13, 2010, 08:48 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
If your new widget area is My new widget area then you would use an id of my_new_widget_area so your selector would be
#my_new_widget_area. You would add the CSS in ATO>Add HTML/CSS Inserts>CSS Inserts. Something like the following changing the items as you wish.
HTML Code:
#my_new_widget_area {
background-color: #ffffff;
font-size: 24px;
font-family: Tahoma serif;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Aug 14, 2010, 08:03 PM
Obi
 
22 posts · Aug 2010
Thank you lmilesw.
I did something wrong.
When I first added the widget in the footer area I named it Disclaimer with an upper case D, and that's how it appeared in the Appearance > widgets.
When I added your last bit of code in the Add HTML/CSS inserts I used a lower case d as in disclaimer and then I also changed it to lower case d in the footer content.

Then I realized that I have just added another widget area in Appearance > widgets. Now I have both Disclaimer and disclaimer boxes in the widget area. Changing it back to upper case Disclaimer did not make the lower case disclaimer widget go away.

Now, I have an extra widget that I don't know how to get rid of, the CSS code that I added shows no effect, and the disclaimer text shows only on the home page even though I checked the boxes for two more pages. Before this, it showed correct on all three pages.

I would appreciate your help.

~ Obi
  #8  
Old Aug 14, 2010, 08:24 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Just go to ATO>Add New Widget Areas and at the top you will see how to remove widget areas
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Aug 15, 2010, 02:01 PM
Obi
 
22 posts · Aug 2010
I deleted the extra widget and the disclaimer now shows in all the right places.
The added CSS code however, does nothing. Making changes to the background color and font size makes no effect.

~ Obi
  #10  
Old Aug 15, 2010, 02:18 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
What is the code you used for the widget area and what did you call the new widget area?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Aug 15, 2010, 03:56 PM
Obi
 
22 posts · Aug 2010
I placed this part of the code in ATO > Add HTML/CSS Inserts > CSS Inserts, at the end of the existing code:

Code:
/* Styling the disclaimer */
#Disclaimer {
background-color: #ff0000;
font-size: 24px;
font-family: Tahoma serif;
}
I placed the following code in ATO > Add new WIDGET AREAS > Style & edit FOOTER > Footer: Content, above the existing code:

Code:
<?php bfa_widget_area('name=Disclaimer'); ?>

~ Obi
  #12  
Old Aug 15, 2010, 06:54 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Instead of #Disclaimer use #disclaimer. When the widget area is created it eliminates upper case from the id.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #13  
Old Aug 15, 2010, 08:52 PM
Obi
 
22 posts · Aug 2010
Thank you for your continuing help.
I can now change the background color of the frame. The font size still shows no effect. Also I added a line to be able to control the color of the text:
Code:
color: #ff0000;
It effects only the disclaimer's content but not its title, which I would like to control as well.


~ Obi
  #14  
Old Aug 15, 2010, 09:31 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You are getting to the point where you need to use a tool like the Firebug extension in Firefox to help you in determining selectors. I offhand knew what the selector for the widget area would be but to further figure out what the selectors for the various items in that selector are I would need to replicate what you have and look at the code which is something that you can do with Firebug since you already have the thing built.

Also sometimes you have to put !important after a line of CSS such as.
HTML Code:
font-size:24px !important;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #15  
Old Aug 16, 2010, 10:45 AM
Obi
 
22 posts · Aug 2010
Adding the
Code:
!important;
made no difference.
Firebug: Could you please point me to a link as to what exactly to download (I have Firefox 3.6.8) and some guidelines.

~ Obi
  #16  
Old Aug 16, 2010, 06:51 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Firebug is just an extension for Firefox. In Firefox go to Tools>Add-ons and do a search.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #17  
Old Aug 16, 2010, 07:56 PM
Obi
 
22 posts · Aug 2010
lmilesw,

I appreciate your kind help.
My original intention in picking WordPress was to avoid the code path and just be able to concentrate on writing content. Already in this very early stage, it looks as though this is not going to be so.

As much as I appreciate your kind help, I have no intention abusing it. As it is you have already helped me a great deal with putting together a disclaimer area. I will make do with what I have and do some more homework to see whether I can find something that is more appropriate for me than WordPress.

~ Obi
  #18  
Old Aug 16, 2010, 09:17 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Obi... Many are in your position wanting an interface that you could just use without resorting to code. My experience has been that the more ease you have the less control you have. While WordPress CAN be difficult at times it is, in my opinion a great mix of function and ease. Believe me I have looked at many different themes for WordPress along with using Joomla, standard HTML, and other content management systems. When they got "easier" to use I couldn't do what I wanted.

I kept coming back WordPress and with all the other themes out there kept coming back to Atahualpa. If you can hang in past the initial learning curve the combination can be a great tool.

To your point of just writing content you could use the default 2010 theme, change the header image and perhaps the background and add a widget for the disclaimer. Boom your done. But you could do that with Atahualpa as well and leave yourself open for MUCH more customization as you learn.

Hope you don't mind my rambling on but I think you found the answer to what you want in WordPress and Atahualpa. If you want suggestions for how to implement something without getting into new widget areas, etc. etc. we can help you.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #19  
Old Aug 17, 2010, 09:04 AM
Obi
 
22 posts · Aug 2010
lmilesw,

I appreciate your kind words and I see your point. Personally, I can sustain through a rough start, I just hate feeling that I'm a pest and keep coming back with more questions. I very much appreciate your "open door" attitude.

We left off with Firebug.
I have downloaded and installed it in Firefox.
It is now available under Tools with its own submenu.
How should I proceed ?

~ Obi
  #20  
Old Aug 17, 2010, 09:30 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The best place to start is at their site. Here is a short intro video from their documentation page. It will probably be a bit confusing at first but just start playing with it. Along with being able to find the selectors for an object one of the neat features is you can try CSS without doing anything to your site.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #21  
Old Aug 17, 2010, 03:28 PM
Obi
 
22 posts · Aug 2010
Thank you for the links.
I watched the video and checked out the Firebug website.

Here's what I did:
- Opened Firefox
- Went to my blog: insightintowellbeing.com
- Turned on Firebug
- Clicked on the CSS tab
- Typed the name of the selector "disclaimer" at the search window top right corner

I found only one single instance of "disclaimer", that's the one that I entered:

Code:
#disclaimer {
background-color:#FFFFFF;
color:#FF0000;
font-family:Tahoma serif;
font-size:84px !important;
}
I am able to make visible changes to the background color and text color of the content of the disclaimer, but not of the title.
The font size of the content shows no effect.

~ Obi

Last edited by lmilesw; Aug 18, 2010 at 11:24 PM.
  #22  
Old Aug 18, 2010, 06:50 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
For the title you would use #disclaimer h3 as the selector as you want to change any h3 references within disclaimer. So to change the font size you would use.
HTML Code:
#disclaimer h3 {font-size:24px;}
as an example.

Reading the CSS and deciphering how to set up the hierarchy will probably take you awhile as it did for me but as you work with it you get better.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #23  
Old Aug 18, 2010, 08:02 AM
Obi
 
22 posts · Aug 2010
This one went past me. How were we to know that '#disclaimer h3' was the selector to be using ?

~ Obi
  #24  
Old Aug 18, 2010, 08:09 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
That is where working with CSS for awhile will help. You had the #disclaimer part then you just look at what you want to change withing that selector. In this case it was h3.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #25  
Old Aug 18, 2010, 09:53 AM
Obi
 
22 posts · Aug 2010
I do understand that '#disclaimer h3' stands for: h3 inside of id name 'disclaimer'. But why does h3 work, while h2 or h4 don't, or in other words, what suggested that h3 is the correct selector to use?


~ Obi

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] HELP! Comments, Comment Footer, Footer, SideBar GONE! frgvn Comments, trackbacks & pings 1 Feb 28, 2010 03:58 AM
[SOLVED] Footer shows even though Atahualpa footer is empty tinroofrusted Post-Kicker, -Byline & -Footer 1 Feb 19, 2010 10:22 AM
[SOLVED] footer - tried to, per instructions, edit footer links to &quot;Woodpress&quot; and ge jorgfoto Post-Kicker, -Byline & -Footer 2 Oct 15, 2009 12:57 PM
[SOLVED] Footer: How to add line break in footer text StudioGal Post-Kicker, -Byline & -Footer 2 Oct 9, 2009 07:41 AM


All times are GMT -6. The time now is 05:57 PM.


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