"My homepage looks odd when editing via the backend - overlapping DIV’s etc. How can I get this to look right?"

AdminTemplate.css is used within Contegro Administration and its purpose is to remove the layout of your templates for the proposed site design that you have specified within Template.css file.

You should aim remove design elements such as: backgrounds, borders, margins, padding for clarity and usability factors for your clients when they are within the content manager. This way, your clients can concentrate on the Contegro modules, rather than getting confused with design elements.

"There’s a CSS file for all Core Modules? Do I need to address them all?"

Each module within Contegro has its own CSS file. The CSS file is only loaded if the module exists on the page when the page is viewed. This approach reduces download time for website viewers. When designing a Contegro site, you should approach styling your CSS files as follows:

• Apply all template attributes such as widths, backgrounds, padding and margins to Template.css rather than within the individual module CSS. You will save time when you design subsequent Contegro sites, as you will be able to re-use previous styles without having to address every style each time.
• Default styles are set up throughout each CSS file. If you remove these, be sure to add your own.
• DefaultTheme.css should be styled to address all fonts throughout the website. Even if you do not address each module CSS file individually. And new Add-on Modules that are added will take the body and basic styling from this file. So be sure to address it thoroughly.
• Segment all font attributes into their separate associated module CSS – do not apply them in Template.css as it is intended that any module can be placed into any container.
• Use AdminTemplate.css file to remove/reverse styles that you state within Template.css for the Admin console. This is primarily for your clients usability and can be very handy if a site has a quite a varied arrangement of containers in a template.

"I'm concerned that my design is not going to use all the functionality of Contegro. I want a website with all the bells and whistles, how can I ensure that my design does this?"

Your visual design will not inhibit Contegro functionality as adding any Contegro module will add functionality. You need to understand how all the modules work so that you can utilise them to their best ability.

• Use modules such as; Category Lists for dynamic lists, turn on RSS feeds, Random Banners for fading graphics, Page Lists for individual pages (and pay attention to styling them) and use the Enquiry Form module for simple and complex enquiry forms.
• Become familiar with the integral functionality of Contegro, read the User Guides, explore the Contegro Admin and refer to the training videos.
• Then use Contegro's Add-on modules to greatly extend the core functionality for specific purposes

"When I need to make style changes, I'm not sure whether it is to do with the template or a stylesheet or combination of both."

Understanding module functionality is key. Style the module CSS once you have put the module onto the page, checked (and updated) settings, set-up required Target pages and loaded relevant content. Default CSS files are provided to get you started, where you can amend any class to suit your proposed style.

"How do I differently style two instances of the same module in one container?"

The Custom Title can be used to style Individual Lists such as the Category List and Page List modules. Example Styles for when the word 'Testimonials' is used as a Custom Title.

Replace the word 'Testimonials' with any Custom Title word. For example:

.Testimonials .ListCustomTitle { }
.Testimonials .ListTitle { }
.Testimonials .ListTitle a:visited,
.Testimonials .ListTitle a:link,
.Testimonials .ListTitle a:hover { }

"I've added an external form using a Custom Code module, but it floats in the wrong place on the page. What is wrong"

Use the following snippet when adding forms within custom code modules. This javascript will prevent modules from floating in IE8. Snippet_CustomCodeForms.txt