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 » Header configuration & styling »

Merging background with the posts and sidebar containers


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 Apr 19, 2012, 10:11 AM
PeggyP
 
12 posts · Jun 2010
Hi There
I hope I will make sense.
I would like to achieve something similar to these website http://simplemom.net/ and http://zenfullydelicious.com/
I would like the background to merge with the posts and sidebar containers and I would like to have the illusion of a ribbon going across the whole width of the screen aligned with with the category and page menu. I hope it makes sense.
Is there a way to achieve this with Atahualpa?
Many thanks in advance,
Peggy
  #2  
Old Apr 19, 2012, 10:41 AM
lmilesw's Avatar
lmilesw
 
10,083 posts · Jul 2009
Central New York State USA
Typically that's done using a background image and making the necessary areas transparent.
__________________
~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 Apr 19, 2012, 11:27 AM
PeggyP
 
12 posts · Jun 2010
That's what I am trying to do right now
Can you help with the background image please? I don't want it to repeat, so I changed I removed repeat top left to background: url(/wp-content/themes/atahualpa353/images/test.png); but it still repeats the top image over and over again.
Thank you
  #4  
Old Apr 19, 2012, 01:33 PM
lmilesw's Avatar
lmilesw
 
10,083 posts · Jul 2009
Central New York State USA
If you don't want it to repeat you have to use no-repeat. If you are unclear about the CSS to use w3schools.com is a great resource.

You would generally use an image that repeats horizontally and then use CSS to position or perhaps use an image that is maybe 10px wide by 100px tall with the top part being the same color as the background and the bottom part being the color of the "stripe"

If you don't know much CSS this is kind of hard to describe but your background image code might look something like the following.
HTML Code:
background: url(/wp-content/themes/atahualpa353/images/test.png) repeat-x top left;
That is assuming your background image is a slice as I mentioned. If you use one big background image you would have to make it very wide to cover all possible viewing situations but then it might be rather large and slow the page load.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Merging inner and outer sidebars (either side) into one for a subhead-like look. douglaswarnold Sidebars & Widgets 2 Nov 29, 2010 01:51 PM
Sidebar Text Widgets are merging into main body - only in Internet Explorer (IE) BackyardHockey Sidebars & Widgets 5 Oct 27, 2010 07:55 PM
Sidebar Issue-Recent Posts and Meta showing up in Sidebar,Should Only be Links sdchoboken Atahualpa 3 Wordpress theme 1 Jul 13, 2010 06:27 PM


All times are GMT -6. The time now is 08:18 PM.


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