Support » Themes and Templates » Adding background image to content area

  • Hello,

    I’m quite new at using WordPress and know almost nothing about CSS. I learn fast though.

    I’m working on redesigning an old site right now in WordPress and would like to use Esplanade. I wonder if it is possible to use a background image in the content area. I have a bunch of graphics that were design to ‘sit’ on a background and I don’t want to redo all of these. Here is the old site: I would like to be able to add the brown background on each page of this theme. I would much appreciate some guidance if possible please. I’m a Mac user, if that makes a difference.

    Thank you in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • You will need to know something about how a theme is made up, and preferably how to make a child theme, to do this safely.

    In style.css use something like #content { background: brown url('http://the-image-url') }

    Or you may try this plugin.

    These will likely be helpful on CSS:

    Thanks Knut. On the style.css it says not to modify it. Any updates will revert the style.css to the original coding. I did try the plugin you suggested and that didn’t work.

    Thanks for these links WPyogi!

    Yes, do not change the original style.css if you want it to survive an update. Make a child theme and activate it. You are the only one who will update your own child theme. WordPress will load your new style.css, hence the @import rule at the top. Change the twentyeleven to the folder name of your theme. Also put in your own header strins, to properly identify it as your theme.

    I was trying to do the same thing, and I spent many hours searching and trying different things different forums offered, like this one too.

    The following worked the best for me.

    Here is my testing site.

    I wanted the About page and the Services page to have an image background in the actual content section. But not on the other pages.

    Here is the code I put in CSS div#content-area {

    I found out what the page name was from mozilla view source.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adding background image to content area’ is closed to new replies.