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 » Center area post/pages »

Unique Home Page Attributes (Background Image, Width)


  #1  
Old Jul 20, 2010, 12:58 PM
jtsharp
 
23 posts · Mar 2010
I feel like this must have been answered somewhere, but I just can't find it in my searches.

What I would like to do is add CSS (I believe) to give my static home page a unique background for the "body" section (where text or images would go). I've uploaded the image file to the correct place, but can't get it into the body section.

I would also like to give this home page body section a unique width. I've got the sidebars set to NOT display on the home page, and my attempts to change the width (by adding padding to the center column) have resulted in my desired width on the home page but a really skinny body section on other pages due to the sidebars being in place on these other pages.

Here's the URL: http://www.drjeremysharp.com/test

WP version 3.0; ATA version 3.5.1

Thanks in advance!
  #2  
Old Jul 20, 2010, 02:39 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You can put unique background images in many places. It could be the Center Column (Style & edit CENTER COLUMN) or perhaps Style POSTS & PAGES if you want a special background for the individual post or pages.

For the unique front page you might try using something like the following with the padding you want and put it in CSS Inserts. This should affect just the front page.
HTML Code:
.home td#middle {
padding:100px !important;
}
I'm not sure if the !important is necessary though.
__________________
~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.

Last edited by lmilesw; Jul 21, 2010 at 06:08 AM. Reason: Selector reversed
  #3  
Old Jul 21, 2010, 06:09 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Just in case you tried my previous CSS the selectors were reversed. I have corrected it.
__________________
~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.
  #4  
Old Aug 6, 2010, 07:54 PM
Blackjax
 
9 posts · Aug 2010
New guy here, been working with the theme for about a week in the hopes of putting something together worthy of showing off here. My second site ever to the learning curve right now is steep.

I can use something similar to adjust my home/blog page then as well correct? I have an indent with center column padding on all my pages but want the blog page to be a little different.

What would I put in the CSS to push that back out just on the blog page? I'm still working on it on my local computer so my site is using my old theme. Atahualpa 3.5.3, Wordpress 3.0.1

Last edited by Blackjax; Aug 6, 2010 at 07:59 PM.
  #5  
Old Aug 6, 2010, 08:36 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You just have to determine the unique selector for that page. I use Firefox with the Firebug extension for that or you can look through view source for a page and look for the
<body class= line and use the class to create your CSS.
__________________
~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.
  #6  
Old Aug 6, 2010, 08:45 PM
Blackjax
 
9 posts · Aug 2010
Ok, I think i got the sector.

In order to make the center of a particular page wider than it is in the standard style & edit center column parameters, should I make the width wider? I'll try that.
  #7  
Old Aug 6, 2010, 08:49 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I don't think that will work because the center column width is determined by the layout width minus the sidebar widths. My thought would be to use the page selector along with td#left and td#right to make the sidebars smaller. This would be much easier once we can see 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.
  #8  
Old Aug 6, 2010, 08:52 PM
Blackjax
 
9 posts · Aug 2010
I think what I'll do is leave the sidebar on the right because it's not noticeable that way. When I get it done, I'll revisit it and if I keep having other problems, I'll publish as is so the community can see what my challenges are.

Thanks for the help. It's a tremendous resource when you're having to search for answers on every little thing.
  #9  
Old Aug 7, 2010, 04:39 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
FYI - if you don't EXCLUDE sidebars from a page (ATO->Style & configure SIDEBARS->xxxxx sidebar: Don't display on Pages then using CSS to hide the sidebar will just not show it, but the space will still be taken up. You have to EXCLUDE the page or use a template to be able to use the space the sidebar takes up.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Aug 7, 2010, 02:01 PM
Blackjax
 
9 posts · Aug 2010
What I've got going on is this, I hope I can explain this correctly. The center column layout has an 80px padding indent on the left from where my logo is to make it line it up better and make the logo look like it extends beyond the body text.

If I use either left sidebar then the indent make a big space between the sidebars and the center column. I'm using only a two column layout throughout the site, only using a right sidebar. On the blog page, I can use some more junk/widgets/information, while keeping a nice center column for people to read.

Maybe it would be easier to customize the home and posts pages. That can wait, I have all of one blog entry up and everything else is on hold until I redesign my current site. Hell, it took me two and a half days to get the font embedding stuff to work.

Appreciate the advice, I'm sure I'll be back when it's done. I've got a little list going

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
background image over-sized - Full Page Background Image prokopino Atahualpa 3 Wordpress theme 2 Mar 30, 2010 04:42 AM
Background-image showing only on Home page, but not on other pages niki.forova Header configuration & styling 6 Mar 20, 2010 02:03 PM
[SOLVED] menu background image only shows up on home page, missing on pages/post Athena account2 Page & Category Menu Bars 5 Mar 4, 2010 03:53 AM
[SOLVED] Increasing width of pages (not Home page) missla1 Header configuration & styling 4 Nov 23, 2009 10:36 AM
Fix unique header image to correspond to each page DonnaBW Header configuration & styling 1 Sep 29, 2009 09:02 AM


All times are GMT -6. The time now is 01:32 PM.


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