• 0
Sign in to follow this  
Followers 0

Trying to add a background image to a full width sidebar

Question

Posted · Report post

I'm difficulty adding a background image to a full width sidebar. I've explored posts here and tried adding in custom css but nothing seems to work. Any suggestions?

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

You might not be targeting the sidebar with the right CSS selector (or maybe the CSS attributes weren't correct). Did the CSS you already try look something like this?: [code]{background-image: url('http://BACKGROUNDIMAGEURL');}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've made a little progress since I posted, Yes, I've tried that CSS and was able to get the image to show up only behind the widget text. I'm using firebug and the region that I would like the image to show up in is a larger area around the widget in the sidebar. When I select it with firebug, the code that shows up is for
, which is used all over the page so I can't apply the image there without it showing up everywhere. I don't know if this makes sense, but what I'm trying to accomplish is a graphical horizontal stripe across the full width of my page, and I'd like to use a widget within that stripe. I thought about using morefoot, but it is too low on the page.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, Can you provide me with a link to the image please and a concept image of how you would like it to look.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

here is an example of what I'm trying to accomplish. The actual image is semi-transparent so the background shows through. http://fbcclintonmo.org/wordpress/wp-content/themes/ignite/images/centerstripeexample.png I'm trying to put it in my home page http://fbcclintonmo.org/wordpress

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

http://www.pagelines.com/wiki/Custom_CSS and http://www.w3schools.com/css/css_background.asp

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for the help, being new to firebug I wasn't sure how to get the css path for that one specific region because when I clicked on it it showed a whole list in the style column. I discovered the "copy CSS path" by right clicking and was able to make the changes that way. Now I've got another issue for another thread.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0