Jump to content
Sign in to follow this  
fbcclinton

Trying to add a background image to a full width sidebar

Recommended Posts

fbcclinton    0
fbcclinton

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
catrina    103
catrina
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]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
fbcclinton    0
fbcclinton
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
Danny    1,327
Danny
Hi, Can you provide me with a link to the image please and a concept image of how you would like it to look.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
fbcclinton    0
fbcclinton
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
Jenny    33
Jenny
http://www.pagelines.com/wiki/Custom_CSS and http://www.w3schools.com/css/css_background.asp

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
fbcclinton    0
fbcclinton
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  

×