Background pattern

[kinison]

I am trying to change the background to a pattern instead of a solid color. Is there an easy way to go about doing this? The only thing I am able to change seems to be the top title bar of the page. I appreciate any help. Thank you.

Topic

[Jason Bobich]

Hello,

Sorry, but I’m a little confused. Can you try to give me some more information about what exactly you’ve setup and what you’re trying to change? Maybe you could show me a link to your site, as well?

[kinison]

Sure, here is the link.
http://camrinpetramale.com/directorofphotography/

Notice the background is dark grey? I want to add texture or a pattern to it instead of it being a solid color.

Take this website for instance:
http://www.html5cut.com/

The background has a pattern to it. How can I add something similar?

[Jason Bobich]

Because you’ve got the stretch layout selected from your Theme Options, the background of the theme is only going to be visible in your header. If you were to switch the boxed layout, then the background of your site would show everywhere around the edges, and then you could control that from Appearance > Background.

There is no option in the theme to change the content area, and so this would be a CSS customization you’d need to make to the theme.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

#main-top {
     display: none;
}
#main-wrapper {
     background: ...;
}

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[kinison]

Okay, I’ll give a few things a try. Thank you, Jason.

[aemcmg9]

Hi,

I have the same problem. In the demo you can select a Sample Background Texture, while in the Theme Customization that option is simply not available or better said missing.

Here is your mosaic background texture : http://postimg.org/image/9h6f1gnm7/

And here is your theme customization settings, where this pattern is simply not existent.
http://postimg.org/image/mvmkqmljx/

How do I set this pattern please, since if it is in the demo it should be in the theme customization as well..

Thank you very much.
Marcel

[Jason Bobich]

Hello Marcel,

Checkout this video: https://vimeo.com/70263392 … Let me know if you’re not able to figure it out.

[braydon84]

Took me about an hour trying to figure this out before I decided to come and look on here – should have come here first. Your instructional video is very clear and was extremely helpful. Thanks for all the great work!

[Author]

Replies