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 »

background image repeats vertically


  #1  
Old Nov 27, 2009, 08:22 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
I'm trying to use a background image much like was suggested in Body Style. I pretty much copied the example code "Setting a background image for the body: background: url(/wp-content/themes/atahualpa3/images/backgr.gif) repeat top left;"

My problem is two fold - the background gif file repeats across the screen as desired, but also several times as you scroll down the blog. Also I'm noticing that it looks very chunky with the gradient fade.

Take a peek at my site and you will see what I mean: DrSoszka.com

Thanks,
Shawn
  #2  
Old Nov 28, 2009, 12:16 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
With regards to the repeating you can limit the repeat to only be across my using repeat-x as in the following. If you wanted the background to repeat down you would use repeat-y.

background: url('img_tree.png') repeat-x top left;

With regards to the chunkiness that is a function of how the image was created. Maybe someone else can explain that better but I would just be fiddling around in Photoshop until it looked right. Gradients can be "tricky"
__________________
~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 Nov 28, 2009, 05:26 AM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What you are seeing in the image is 'banding'. this effect occurs when you save an image as a gif and don't specify 'dithering'.

Here is a reference for creating a gradient - http://www.loriswebs.com/tutorials/g...ackground.html
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 28, 2009, 08:38 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Thanks for that info juggledad. Now I don't have to be "fiddling around in Photoshop" until I get it right.
__________________
~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

Tags
background, background image

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background Image AND Background Color - is it possible? kippiper Atahualpa 3 Wordpress theme 5 Feb 21, 2010 10:42 AM
Items in footer of post/pages stack vertically and not horizontally bcorrigan Post-Kicker, -Byline & -Footer 2 May 11, 2009 01:09 PM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 06:03 AM
How To Align Widgets Vertically in Sidebar Rainer Sidebars & Widgets 2 Apr 9, 2009 08:57 PM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 07:36 AM


All times are GMT -6. The time now is 11:47 PM.


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