Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

change the color of the space outside of the content area


  #1  
Old Jun 16, 2009, 12:36 PM
fcitino
 
23 posts · Jun 2009
Does anyone know how to change the color of the space that is outside the content area?

Frank
  #2  
Old Jun 16, 2009, 03:17 PM
fromtheranks
 
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
Hi.

By outside the comment area, I assume you mean outside the center section? If that is the case, the answer is" you can tweak pretty much anything you wish. The "trick" is knowing where and how.

There are a whole host of configuration points within ATO (Atahualpa Theme Options) for 3.3.3 ... starting with the default settings for the entire site that are set in --> Body, Text, And Links. These are for every element of your site that does not have its own configuration option: "The styles you set here will apply to everything that doesn't get its own style." -- Flynn.

I'm attaching a spreadsheet (as a zipped up .CSV file) that I finished last night (or maybe it was the night before) that may be of some help. I created this to keep me "sane" while "tweaking" and "re-tweaking" all of the style locations for color, lines and text options until I got what I wanted. For now anyway.

This .CSV covers the vast majority of the configuration locations but I don't guarantee it has all of them; in part because you can add styling codes where it isn't necessarily obvious; an example would be in --> Post/Page Styling --> Headline Box.

By the way, you will notice that I "short handed" some of the section/feature names in the spreadsheet so they would fit within the column width I set up, but these abbreviations should be fairly obvious. The only "styling" name in my .CSV that may not make sense right away is "Color - All w/o" which stands for "Color - All without" ... which is the purpose of the Body, Text, Links section, as noted above.

Hope this helps.

P.S. If I've missed any obvious tweak points let me know and I'll update the .XLS.
Attached Files
File Type: zip Atahualpa--Styling Colors Lines Text-template.zip (1.4 KB, 2589 views)
  #3  
Old Jun 17, 2009, 07:53 AM
fcitino
 
23 posts · Jun 2009
Thanks for the spread sheet that will certainly help. The space that I am talking about is the space that is NOT the header, sidebars, body, and footer. I did find in the Body, Text, Links tab that I can change the color of entire background including the space around my site, but as soon as I put an image in the background, the space around my site defaults to white.

Frank
  #4  
Old Jun 17, 2009, 12:47 PM
fromtheranks
 
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
fcitino,

That, adding an image to the background of the site, is not something I've tried so, unless its one of the settings on the XLS that you haven't gotten to yet, I can't be of further help.

Hopefully one of the pro's will jump in with an answer. And when you do resolve it please let us know on the forum.

Glad you liked the XLS, maybe that can be made a "sticky" somewhere so other folks can find it.

Good luck.
  #5  
Old Jun 17, 2009, 02:14 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
There are two things you need to do, (1) set the background color of the BODY, then (2) set the background color of the LAYOUT. The LAYOUT (the container that holds the header, sidebars, center and footer) sits on top of the BODY of the page. If the LAYOUT color is not set, it is invisiable and you see the background color of the BODY.

Here is a sample that will set the BODY to a red, give the LAYOUT a padding and set it's background to white, plus a couple extra things:

Body Style:
------------------
font-family: tahoma, arial, sans-serif;
font-size: .9em;
padding-top: 10px; padding-bottom: 30px;
background: #AD4744;

Layout Container Style
------------------
border: solid 4px #000000;
padding: 10px;
background: #ffffff;
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;

Each of the other areas: HEADER, SIDEBARS, CENTER and FOOTER (which each rests on top of the LAYOUT), the widgets (which rest on top of the SIDEBAR), the POSTS (which rest on top of the CENTER) each have their own backgrounds and styling, which keeps the whole thing interesting
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jun 18, 2009, 08:44 AM
fcitino
 
23 posts · Jun 2009
That partially worked. I say partially because I am using a background image for the layout and the layout height changes with each page so, how much of the image that is visible varies with each page. Is there a way to set a fixed height the same way you can make the width fixed?

Frank
  #7  
Old Jun 18, 2009, 09:07 AM
fcitino
 
23 posts · Jun 2009
I just realized that I can do it with CSS!

Frank
  #8  
Old Jun 18, 2009, 09:12 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Not really, the problem is controling the amount of content in a post. Even on a single page post, the height of the page is going to vary with the number of lines in the post and since a single page post by nature is going to contain the entire post, you can't control the height of the page (unless you figure out some way to limit the number of characters in a post)

You could repeat the background image and maybe use an image where the bottom could merge into the top so it looks like an endless image.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jun 18, 2009, 09:58 AM
fcitino
 
23 posts · Jun 2009
so there isn't any way to have a body image show in its entirety when you have a very short post? If there is a way to do that then I can make the body image fade into the background so that posts that are longer than the image will not have an abrupt background transition.

Frank
  #10  
Old Jun 20, 2009, 05:32 PM
tokyoterri
 
just have to say thank you: your code got me a little bit closer to understanding what's going on.
  #11  
Old Nov 14, 2009, 03:15 PM
El Marco
 
5 posts · Apr 2009
Hello Flynn or Juggledad: I have spent a few hours trying to make the wrapper/background, i.e. the browser window outside of my WP blog, a different color from my blog background. I even uploaded a black jpg image to try to follow Juggledad's instructions for using an image rather than just color #000000. But whatever I try, those areas of the browser window to the right and left of the blog just stay the same color as the background of my main column. Any easy to follow (for newbies) suggestions?
I'd really appreciate any help.
  #12  
Old Nov 15, 2009, 06:55 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa and WP?
What is your url so I can take a look at what you are doing.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Nov 15, 2009, 05:38 PM
El Marco
 
5 posts · Apr 2009
Atahualpa 3.2 and WP 2.8.6
http://www.lookingattheleft.com/2009...ver-give-in-2/
thanks!
  #14  
Old Nov 16, 2009, 07:46 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I'm going to suggest that you upgrade Atahualpa. the current version is 3.4.4 which you can get at http://wordpress.bytesforall.com/?p=81. Once you are up to date, if you still have the problem, I'd be glad to help
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
can't change widget content style hadleman Sidebars & Widgets 0 Jul 7, 2009 12:28 PM
How do you change the background color? theyankeeblog Header configuration & styling 2 May 13, 2009 01:09 PM
Space above page border and background color schanzer Header configuration & styling 3 May 8, 2009 07:12 PM
Can I make room for more content in the header area DoverTim Header configuration & styling 2 Apr 5, 2009 01:55 PM
[SOLVED] Specific content in logo area for a category paulae Header configuration & styling 6 Mar 28, 2009 07:08 AM


All times are GMT -6. The time now is 06:47 AM.


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