Changing in the Technical Tempelate

[israa]

Hi,

I am new to actinic and have a design question. In the Technical templete the page is divided to 3 columns, 2 coloured on each side and the contents go in the middle section/column. How can I change the width of the middle column/section of the page?

Thanks,

Israa

[jont]

Settings > Site Options > ... then....

Site > Width for Main Area .... and

Layout > Product > Width of Product List

[israa]

Settings > Site Options > ... then....

Site > Width for Main Area .... and

Layout > Product > Width of Product List

I have tried and it does not work. it was set to 500 and I tried 600, 700, 800 & 900 and the content area does not change in size in the technical template.

Israa

[leehack]

There are 3 widths specified in site options, check all 3, but more important than all of that make sure the most outyer layout is not constraining the design. If you set the outside box to be one size, it doesnt matter what you set inside, as the outside is the controlling factor. Check sizes throughout the whole of the site is what i am saying basically.

[israa]

I have checked all 3 widths in site options: width for main area, width for section list, and width for product list and it still does not work.

I don't know how to check the size of the outside box (which is the one I want to be bigger in width). That's why I said it's the technical template. Please if you know how to do it, give me the steps.

Many thanks.
Israa

[TraceyG]

Hi Israa,

Go onto the 'Design' tab and click on one of the sidebars in the preview pane. This should bring the 'Works Best with Technical' layout into the 'Layout Code' window. Look at line '76' and you should see:

<td class="tech_page_content">

Right-click on the 'tech_page_content' part and select 'Lookup in Actinic Stylesheet', which should open the stylesheet with that class highlighted.

Just under this you should see a line:

width: 762px;

change the value to the width that you want it to be (ie 800px or 100% etc) and then click 'OK'. If you don't see the change straight away in the preview pane, try clicking on another section in your content tree to refresh the preview.

Please note that these instructions are based on default layouts so if you have previously changed them the line numbers or exact text quoted may not correspond with what you have.

[israa]

Thanks TraceyG that was quiet helpful. I still need to change the size of the header, footer, text area, etc. to reflec the new size.

[jont]

If you preview the page in Firefox with either web developer or FireBug installed you can see which bits of CSS are doing what. Or simply click on the item in the design tab and take a look at what is being used.