Announcement

**leehack** · 25-Feb-2007, 02:41 PM

Make sure the threads that you look at are located in the V8 forum, the template you refer to is from V7 and is no longer used as V8 saw a radical change.

There are a number of ways of centering the site, the easiest way is to add:

align="center" to the opening <table> tag, so it would look something like <table width="xxx" align="center".

**RuralWeb** · 25-Feb-2007, 02:44 PM

The posts I read lead me to hunt for Act_Primary.html, which I can not find at all?

This does not exist in V8. When looking at search results you need to check what version of Acyinic they refer to as V8 is completely different to V7 and below.

The layout you are refering too is contained in the inner layout which can be acessed in the design panel - the solution to your problem will depend of which theme you are using.

**purple-ferrets** · 25-Feb-2007, 03:57 PM

Wow they were quick responces, we like the smart theme, so if there is a way to centre that on the screen, and also add a gradient colour to the external white space layout?

Thanks for your help

**Toby B** · 27-Feb-2007, 04:49 PM

Hi Suz,

The Smart theme has table width at 100% so it auto sizes to fit the browser. Are you sure you mean that theme?

It is possible to have set widths for the main header and bulk area then apply a gradient image in the Actinic Stylesheet.

I've just had a fiddle and managed to get it going.

Is this what you are looking for?

**jont** · 27-Feb-2007, 05:33 PM

Originally posted by Toby B

It is possible to have set widths for the main header and bulk area then apply a gradient image in the Actinic Stylesheet.

From how I read the OP you may be better applying the image to the <body> tag (either directly or via the CSS) to get the purple background outside of your main layout.

To get a layout similar to the above linked site you will also need to add a margin to the layout (again to the <body> tag in the actinic.css) to create the space at the top of the page. For example the CSS could look like

html, body {
background: #2B2B2B url('purple_gradient.gif') repeat-x;
margin: 10px auto;
text-align: center;
}

p, td, tr, table {
text-align: left;
}

... this is in addition to any other code that may be existing in body, html etc.

margin: 10px auto; forces a 10px margin top and bottom of the page and the auto aligns it centrally in the browser.

IE6 is a pain so requires the text-align center but this forces all text on the page to be aligned centrally ... hence the second hack in

text-align: left; for the p, td tags etc to reset the text alignment back to left again

The smart theme does take to being set to a fixed width but you are often best having the one side bar and not the 2 as default.

HTH

Announcement

Centering - I know there are other posts on it but...

Centering - I know there are other posts on it but...

Comment

Comment

Comment

Comment

Comment