Body Style & Menu Color

[mpowerenterprises]

I have set up a child theme and was hoping to change the body style “light” to be white vs. grey. I have also installed the wp editor so have access to the custom.css. I tried entering some new css text for this and it changed all the current “theme options” to default.

I would also like to be able to change the menu color as well, so any guidance here would be great. Note, I have already changed the background to white and I’d like to keep the “grey border (i.e. body shape – boxed). It’s just some of the other elements I’d like to change, if possible?

Topic

[Jason Bobich]

Hello,

On these ones, you’re going to have to create all new sprited background images for the grey that makes up the edges of the main container (customizing the boxed layout will be much harder than the stretch layout). — Here this won’t be necessary if you’re keeping the grey borders as you said. But you’ll need to use your inspector to locate various items within the markup that are going to requite specific color changes (like the footer boxes).

And you’re going to have to create a new sprited image for the main menu. Then, you’re going to have apply your modified background images from your Child theme via your custom CSS. You can find all the available photoshop files for the theme in your download package.

So, I guess the level of difficulty here will be with your CSS and Photoshop skills, but unfortunately not something we can provide to you with our free theme support. If you do want to setup a consultation with our customization request specialists for paid work, you can fille out the form here.

======

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.

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.

[bgalbraith]

I typically receive eps files with paid themes but I don’t see them with Aleyska. Am I missing them or can they be provided. This would obviously simplify this process. I need green menus but in more of an olive drab color.

[Jason Bobich]

I typically receive eps files with paid themes but I don’t see them with Aleyska. Am I missing them or can they be provided. This would obviously simplify this process. I need green menus but in more of an olive drab color.

An EPS file is a vector-based file, which is generally used for items that need to be ready for print, or that need to be ready to be used at any size or quality. However, when designing for the web, we create everything down to the exact pixel dimension to save out at a certain quality specific for the web. We wouldn’t ever be creating a vector-based file for images to be saved out as web elements.

There could be some debate whether we should be providing Fireworks files or Photoshop files, but we do everything in Photoshop. However, I’m not quite sure who would be designing website elements as vector files in Illustrator, and if they are, it’s news to me!

Possibly this topic might provide some more help on the subject:

http://support.themeblvd.com/forums/topic/changing-colors-in-themes/

But you still will need Photoshop and understanding of how these images are saved out for the web, utilizing Photoshop.

[bgalbraith]

Thanks for the info. Yeah.. had EPS on the brain instead of PSD.

My real problem is that I didn’t grab the full download the had the PSD dir.

Thanks!

[Jason Bobich]

Aw, got it. Just make sure you get that ZIP that says “All files and documentation” under you ThemeForest downloads page.

[Author]

Replies