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 » Sidebars & Widgets »

Background image in left sidebar


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 11, 2010, 10:57 AM
camiana
 
15 posts · Jun 2010
Hi everyone

I'm trying to put a background image in the left sidebar, but the image doesn't show up. See www.ikff.no.

I'm using the following code in ATO - Sidebars and widgets - Style and configure sidebars - LEFT sidebar style:
padding: 0px 0px 0px 10px;
background: url(/wp-content/themes/atahualpa.3.4.6/atahualpa/images/menybar2.PNG);

Could you please tell me what I'm doing wrong? What's the right code?

Thanks!
  #2  
Old Jun 11, 2010, 11:26 AM
juggledad's Avatar
juggledad
 
22,169 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you have a mix up between your upper and lower case for the filename. They must match exactly
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Jun 11, 2010, 11:32 AM
camiana
 
15 posts · Jun 2010
I fixed that, but the background image still doesn't show up. There's only a white space - www.ikff.no.
  #4  
Old Jun 11, 2010, 12:01 PM
camiana
 
15 posts · Jun 2010
I also tried to convert the image to jpg, but it still doesn't show in the sidebar. What am I doing wrong? What's wrong in this code:

padding: 0px 0px 0px 10px;
background: url(/wp-content/themes/atahualpa.3.4.6/atahualpa/images/menybar2.jpg);
  #5  
Old Jun 11, 2010, 01:33 PM
camiana
 
15 posts · Jun 2010
Please help me

I'd like to have a background image in the left sidebar on www.ikff.no, behind the links list. How do I do it?

I've tried to put the following code:
background: url (/wp-content/themes/atahualpa.3.4.6/atahualpa/images/menybar2.jpg);

in:
- ATO - Sidebars and widgets - Style and configure sidebars - LEFT sidebar styling
- ATO - Sidebars and widgets - Style widgets - Widget content
- ATO - Various content items - Add HTML/CSS inserts - CSS inserts
- Editor - css.php - "LISTS INSIDE OF WIDGETS"

But nothing of this worked. Either nothing happened or only a white space appeared where the image should have been.

What am I doing wrong? Is the code wrong? Or should I insert the code somewhere else? What exactly should I do to get a background image in the left sidebar, behind the links list?

Please help me!
  #6  
Old Jun 12, 2010, 05:15 AM
juggledad's Avatar
juggledad
 
22,169 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
there must be a problem with eithor (1) the name of the image - it must be exact, no spaces, case is important, or (2) the permission of the file. You should be able to type the full quallified address of the image into a browser adnn see it. For example if you use
HTML Code:
http://www.ikff.no/wp-content/themes/atahualpa.3.4.6/atahualpa/images/header/header1.PNG
your header image shows up, but when you use
HTML Code:
http://www.ikff.no/wp-content/themes/atahualpa.3.4.6/atahualpa/images/images/menybar2.jpg
you get a not found which means the name or permission is wrong.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #7  
Old Jun 12, 2010, 05:58 AM
camiana
 
15 posts · Jun 2010
The image appeared now when I changed the case of the filename to .PNG
However, the image comes up in BOTH the right and the left sidebars. I just want it in the left sidebar. How do I make it appear in only the left one?
And how do I move the links in the widget go further down? I want them to fit into the image which resembles a menubar.
  #8  
Old Jun 12, 2010, 06:11 AM
juggledad's Avatar
juggledad
 
22,169 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Because you added the background image to teh WIDGET sytle, it will show for every widget. If you only want in the left sidebar, you will have to move teh styling to the LEFT SIDEBAR styling. This will cause it to show up behind every widget in the left sidebar. If you only want it to show up behind one widget in the left sidebar, you will have to code a CSS Selector and rule to apply it to the single widget.

In order to play with the spacing of the links, you will have to play with top and bottom padding. A great reference for CSS is http://www.w3schools.com/css
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #9  
Old Jun 12, 2010, 06:36 AM
camiana
 
15 posts · Jun 2010
Thank you. Is the css.php-file the right place to change the code for top and right padding?
  #10  
Old Jun 12, 2010, 06:42 AM
juggledad's Avatar
juggledad
 
22,169 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
well you CAN change it there, but you will have to remember each time there is an upgrade, or you could put it at ATO->HTML/CSS Inserts->CSS Inserts and then it will be a theme option that gets carried over any theme upgrade.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #11  
Old Jun 12, 2010, 07:12 AM
camiana
 
15 posts · Jun 2010
Another problem turned up now - I can't move the image in the sidebar right. When I put a 20px padding in left sidebar styling, it's only the widget with the links that moves, not the image. Why?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Sidebar Widget ~ Bullets & Background Image? Velma Sidebars & Widgets 10 Mar 1, 2010 08:29 AM
Extra background image by the sidebar id2d Header configuration & styling 7 Nov 18, 2009 03:38 AM
[SOLVED] How do I add an image to the left sidebar? Matthew Krichbaum Sidebars & Widgets 15 Oct 16, 2009 11:52 AM
Sidebar repeating background image JCCrgb Sidebars & Widgets 4 May 17, 2009 08:31 PM
Move left left sidebar to bottom of page sisiblum Sidebars & Widgets 2 May 5, 2009 11:25 PM


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


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