Home Page Design for Internal Pages

Do you have a link to the exact page it’s not working? I looked at your site from the link you provided in your previous thread but didn’t see what you were referring to.

Add the “feature left” div first, then add the “feature right”. So you may need to just reverse the div classes and they’ll line up like they are above.

Are you adding this all within the same widget? If so, you should add them in their own separate “text” widget so they’ll be separate from each other (margins, padding, etc). If you don’t they’ll show up bunched together like they are now.

I’ve added background colors so you can see how they actually appear – http://i.imgur.com/sJ3U6dj.jpg

So add the left and right code together in their own text widgets separate from the other left and right code.

Let me know if that makes sense.

Oh I thought this was added inside widgets on your homepage. The widget code was really designed for the homepage, so when you use it on a separate page it doesn’t use the homepage code.

I would clean up some of the breaks you have in your code, and just add in a div that includes both of the feature left/right div’s. Then add some bottom margin to create space between the divs. Thats the way it’s designed to work on the homepage and it should work for other pages as well.

Are you able to see how it’s done on the homepage? If so, you could just copy that same code and rename it, apply to the div class that you created on this new page.

Let me know if that helps.

I think you can do it, especially since you’ve gotten this far with it. I probably made it seem harder than it actually is.

If you want to give it a try, or if you need a quick example of what I’m talking about, just let me know. Glad to help.

Basically you would want to add both the feature left and right code inside of their own div container so they will be completely separate from the other div containers. Here is an example –

<div class="feature-clear">Replace this text with the Feature Left and Feature Right code here</div>

Notice I added a class called “feature-clear” as an example. You would need to add “feature-clear” to your style.css file and add some styling to it. i would recommend adding something along these lines –

.feature-clear {
    clear: both;
    margin: 0 0 40px;
}

That code will clear the divs so they show up on their own line and not get mixed up with the other div containers. The 40px will be added to the bottom margin which will create space between the divs.

It should, if you’re trying to do the same thing.

Ok I’ll check it out.

Thanks