Smart Theme

[berryhill]

Been reading a few threads and would like to amend the site to use this Smart Theme.

Been playing with amending this in DW, how do i set the page to 800 wide, what do i need to amend?

when i preview it, it still is to wide for the page.

Also would like to 'box in' each of the sections like the main centre box. I have managed to create the rounded corners but would like some assistance with how to add the thin border.

Simple to rectify I guess

Andy

[wjcampbe]

Andy - look at how the code 'class="thinred" ' is used in the existing tables.

[berryhill]

could get my head around the thinred line

opted to copy the middle section code and add the store section code in myself, this has resulted in a complete mess of a template and me not knowing whats what.

can someone please take a look at this code and see why its far too wide for the page and advise on how i get the sections boxed, i am ideally looking for 3 boxed sections (store sections, main sections and on the right cart details and another box below)

Thanks

Andy

[wjcampbe]

Andy

To get the sections boxed - use <TD class="thinred"> on the first cell in each table AFTER the heading.

For the widths, you have several things to consider.

First, the width of the first table declaration in the template - to render in IE at 800 screen size this will have to be changes from 100% to 775.

Second, the width of the main section column - this is controlled by CUSTOMVAR:ACTSTDWIDTH in Design | Options - Site defaults. With a 200px left column, and a 200px right column plus table padding, you are going to have to set this at about 355.

Give that a try and see how you get on. (would help if you could provide a screen shot to illustrate any further problems).

hth

[berryhill]

Bill

Thanks for your help again

Made your changes to the USTOMVAR:ACTSTDWIDTH in Design | Options - Site defaults. The changes and results in the screen shots, also posted html source for you to view

I seem to have a double green line in the outer boxes now????

[wjcampbe]

The double lines are coming from this sort of code

    <tr>
          <td class="thinred">&nbsp;</td>
          <td class="thinred"> <table width="100%" cellspacing="2" cellpadding="2">
              <tr>

You don't need the thinred on the &nbsp; cell (in fact, you probably don't need the cell).

[berryhill]

Thanks Bill, sorted the double green lines.

How do I make it fit the page as its still too wide??

[wjcampbe]

Try this attached

[berryhill]

Thanks a lot Bill once again you saved me.

Just gotta work on the new banner logo and I'll be very happy and hopefully so will the client

Andy