• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

questions about template:PAGE_CONTAINER

<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'}" xmlns:fb="http://www.facebook.com/2008/fbml">
what does id="" mean? and class="" mean?

...<div class="mainContent"></xen:if>...
where is the css file for this class:mainContent?


Well-known member
An ID is an identifier to identify that element in CSS and JavaScript. It's basic HTML, see: http://www.w3schools.com/html/
A class is the same, though you can apply multiple classes to an element.

The XenForo CSS is split across multiple template files then the required CSS is fetched as it is needed. Do a search for ".mainContent" in the templates and you will find where the CSS is, though to perform any overrides to that CSS you are recommended to use the template EXTRA.css as it is preserved during upgrading.

Please see this thread for information regarding styling XenForo (it's stickied at the top of this forum):