I am able to open the theme in RSD though

So, Scott, are you saying I cannot edit the theme in RSD?

I was referring to the link you posted. Those themes are for the HTML Editor. If you have the RLM or RSD project file, you can then edit them in RSD or RLM depending on which file you are opening.

Scott,
yes, it came with the Autumn-theme.rlmp file which can be opened up in RSD.

That is a Responsive Layout Maker template. When you open it in RSD, it will convert it to an RSD project. Make sure you are also using v1.5 as Bill stated as the website link you shared is created with the older version of RSD. Once you do upgrade, post any screenshots, project files, and website links so that we can offer some suggestions. The more data, the better.

Okay, this is what the template looks like out of the box:
http://www.imagesbyhopper.com/testing/example_site_look_before.png

And this is what I want it to look like:
http://www.imagesbyhopper.com/testing/example_site_look.png

and the basic RSD theme file is here: http://www.imagesbyhopper.com/testing/Autumn-theme_RSD.rsd

Does that give you enough to start with?

thanks so much!
Michelle

The Max-width for your Rows is set to None. Go to the Design pane for each Row and under the DIMENSIONS section; you need to uncheck the max-width Auto box and give it a max-width of 900px so that it matches the size of the image placeholder.

Scott,

THANK YOU! I was so busy seeing the rows and columns, I missed the "design" link above them. Now that I can make the width smaller (well, actually, ,YOU did that! ), I will try to play to see how I can move the tag line and logo image a little more towards the center of the new header. I will also try to move the nav links to be centered as well. I am determined I am going to get this website up and running!

I looked at it more carefully, and if this does load into RSD, it should be easy to fix. The header row has a 100% width, and it appears to have a subgrid of two columns. It appears that the subgrid is centered on the page, so that the color can go across the entire page.

It seems you want to things, the "header" and its tan row to be in line with the rest of the page, and the description tag to be closer to the logo.

Header row going across page
:n RSD, you should be able to apply a different background color to the row to get rid of that tan color. And in the subgrid, give it the tan color back (if not already applied). Do this to the Navigation also.

Tag line too far away from logo
The tag line on the right, is right justified, you can make that left justified, and that might solve you issue, because that will bring the left part of the text to a few pixels of the center of the page.

All of this can be in the Design Tab/Pane of RSD. Perhaps at some other breakpoint, you will be required to use the Layout tab/pane to adjust the subgrid of the header row.

Be aware, that if change the colors that go all the way across, you may want to change background images. The row with the big image, is also a row that is 100% wide, with a centered subgrid, and has a background image that subtly adds some vertical texture to the background. You may want to get rid of this entirely, or remove it and add that to the grid itself so it is at the top. The background image is here (and repeats in x), because the top two row colors extend across the entire page in the original template. Remember that these subgrids do not appear like a subgrid you would initially add with RSD. These subgrids are just one row with two columns in this page. The use of subgrids may appear elsewhere in the template, and may have different compositions of rows and columns. Depending on your skill level, this template can be recreated entirely without subgrids, but that might be for a different day.

Read this about spans. Subgrids are a set of spans, within the main subgrid.
http://www.coffeecup.com/help/articles/ … out-maker/

Bill,
thanks! I will try to get some time to look it over today.

best,
Michelle

Okay, I have done some playing today and feel that I am making some progress.

I have run into something interesting though, and I am not sure why this is happening. I can work around it, but don't know why I have to? The footer links display like this on the web:

http://www.imagesbyhopper.com/testsite/footer.png

but if you look at the actual HTML, the links are in reverse order??
<div class="coffee-span-6 coffee-480-span-12">
<a class="link-text text-link-footer" href="contact.html">Contact</a>
<a class="link-text text-link-footer" href="about.html">About</a>
<a class="link-text text-link-footer" href="portfolio.html">Portfolio</a>
<a class="link-text text-link-footer" href="index.html">Home</a>

any idea why that would be?

This page can be seen on the web at:
http://www.imagesbyhopper.com/testsite/