View Full Version : Finishing touches on styling Wordpress blog to look like main site

05-18-2012, 08:09 PM
Hey there,

Took over for site. Was kind of a mess but still working with their CSS files. Added a wordpress blog today to try to generate new content.

This is my first attempt at adding wordpress to an existing site. Can't quite get it looking the same and am hitting some roadblocks.

The main site is here. (http://www.solarallianceofamerica.com)

The blog site is here. (http://www.solarallianceofamerica.com/blog)

I followed this tutorial to add in my own CSS files into wordpress. (http://rivergraphics.net/resources-tutorials/how-to-integrate-a-wordpress-blog-into-an-existing-website/)

The header, nav menu, and footer turned out well. But the body and sidebars are out of whack. The goal is to have the body/sidebars fit under the width of the navmenu.

The tutorial had me import my general css file from the main site and the css file from the default WP theme, twentyten. So my current css file looks like:

@import url("../twentyten/style.css");

@import url("http://solarallianceofamerica.com/css/general.css");

#primary, #secondary { width: 240px; }

#mainContent h1, #mainContent h2 { margin-bottom: 20px; }

So I'm guessing I need to be calling some stuff from the twentyten style. I'm just kinda lost and not making progress. Any help is appreciated, thanks.


05-18-2012, 09:31 PM
FWIW, on some advice I added "general.css" to my theme's folder so it does not call that style, as someone had trouble loading it.