Flexi CSS Layouts for Dreamweaver Forum


box Flexi CSS Layouts for Dreamweaver
Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: Background Color outside of template

title left
User Details
message
title right
Jay Taylor

post date:
2011-11-01 11:37:57
Hi there

Is there anyway i can set a background color outside of the template itself instead of having just white

Thanks

J?
Elena Tepardea [Extend Studio]

post date:
2011-11-01 11:55:00
Hello,

You can set a background color to the <body> tag: <body style="background-color:#ccc;"> and the background outside the template will be grey. If you have the template inside other container just apply this style property to it and the color will change.

Regards,
Elena Tepardea
Jay Taylor

post date:
2011-11-01 13:48:59
Hi

Thanks for your help that worked a treat.

One more question if i may? How can i move the whole template down say 20 pixles?

Thanks

J
Elena Tepardea [Extend Studio]

post date:
2011-11-01 14:08:59
Hello,

You'll have to add a 20px padding to the layout wrapper.
Press te 'Edit Layout' button and once you are into the Flexi CSS Layouts Editor select the 'layout_wrapper' from the left 'Structure' tab, then go into the Margin/Padding/Border tab. Set a 20px padding top to this 'layout_wrapper' element.

Regards,
Elena Tepardea