Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Footer as width as possible (II) - With Backgr: How to?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jun 5, 2010, 09:35 AM
ambient
 
4 posts · Mar 2010
Send a message via ICQ to ambient
[SOLVED] Footer as width as possible (II) - With Backgr: How to?

Hi,

I tried some hours to get this footer:

Sample

I searched the forum, tried everything with no result and nothing will work.

Pls give me some css, html or what ever so the result will (exactly) the same as the sample.
(I`ll use my own height, width, backgr-image).

Thx.

Cya
ambient
  #2  
Old Jun 5, 2010, 11:56 AM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
You will need to add a four column new widget area in HTML Inserts:Body Bottom and then put widgets in them to get what you want. Look at ATO>Add New WIDGET AREAS for instructions. You might also search the treads for more info on widget areas. What I do is create a site that I don't care about and play with things like this as it is a bit complex to give you instructions in a post. Once you have a little experience in building a widget area you will probably just need a little help here and there.
__________________
~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 Jun 5, 2010, 01:42 PM
ambient
 
4 posts · Mar 2010
Send a message via ICQ to ambient
Hi,

thx for reply. I`ll figure it out how it works with the widget-areas.

The most important thing: A footer with a width of 100% (+Background-Image)

Whats about the width:100%; background (of the footer? I read some 'solved' threads, but in my opinion its not the best way and not solved.

Its only a compromise.

As we know we cant split the website in 3 parts: 1 background for header, 1 for content, 1 for footer as seen in some other Themes. I tried it with div or something else behind the footer that expand to 100% width.

Im using Atahualpa for 2 years, tried Thesis (money back -> because the Theme is unuseable) and it would be great if there is a solution for that.

Maybe the Theme Frame has the feature that I`m looking for?

A footer (+ background-image) with a width of 100% is a really needful feature and I`m sure a great number of users would have this option.

Additional Question:

How to make the the buttons of the Category Bar or Page Menu Bar bigger? (height, width)
(e.g.: font-size: 12, button-width:50; button-height:120px;?)

I want to create Buttons like BIG BLOCKS. How to?

Thx in advance


Cya
ambient
  #4  
Old Jun 5, 2010, 02:21 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
The full width footer or headers in a static width site are really just a background image or perhaps two background images. I'm not sure where but somewhere on these forums someone came up with a nice solution for that. Below is a cheat sheet that Juggledad uses for tweaking menus. If you put this in CSS Inserts it will clearly show you what CSS to tweak because of the bright colors. So you would add padding, margins, etc. until it looks like you want.

Cheat Sheet for working with menus in Atahualpa

/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 40px;
margin-top:0px;
background: #blue;
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: #red;
border: none 0px;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: #yellow !important;
color: #000000 !important;
}
/* ================================================ */
/* Category menu background */
/* ================================================ */
div#menu2 {
height: 40px;
margin-top:0px;
background: #green;
}
/* ================================================ */
/* Category Menu item's background and border */
/* ================================================ */
div#menu2 ul.rMenu {
background: #orange;
border: none 0px;
}
/* ================================================== */
/* Category Menu item */
/* ================================================== */
#menu2 ul.rMenu li a:link,
#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li a:active,
#menu2 ul.rMenu li a:visited,
#menu2 ul.rMenu li {
background: #purple !important;
color: #000000 !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.
  #5  
Old Jun 5, 2010, 02:27 PM
ambient
 
4 posts · Mar 2010
Send a message via ICQ to ambient
Hi,

thx, thats what I want.


Cya
ambient

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Full browser width footer kdawes01 Post-Kicker, -Byline & -Footer 5 Apr 11, 2010 07:51 PM
[SOLVED] footer as width as possible catastrophy Post-Kicker, -Byline & -Footer 2 Mar 9, 2010 02:00 AM
[SOLVED] Footer: How to add line break in footer text StudioGal Post-Kicker, -Byline & -Footer 2 Oct 9, 2009 06:41 AM


All times are GMT -6. The time now is 12:06 PM.


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