Flexx FAQ

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(sample stylesheet style.css for a Flexx Child Theme)
(Widgets)
 
(15 intermediate revisions by one user not shown)
Line 1: Line 1:
<pre>Check the [[ThemesFAQ|General FAQ page]] in case your question does not appear in this section.</pre>
+
Check the [[ThemesFAQ|General FAQ page]] in case your question does not appear in this section.
  
== How to create a Child theme for Flexx ==
+
==How to create a Child theme for Flexx ==
  
 
In  order to preserve your original Flexx theme files (as downloaded), you should use a [[Child Themes|Child Theme]]. Using Child themes, you can modify (override) all aspects of an existing iThemes (Parent theme), e.g. the css code in the stylesheet, html or php code in the page templates, functions, without having to modify any of the original core theme template files. This also means that upgrading the parent theme does not overwrite any of your modifications.
 
In  order to preserve your original Flexx theme files (as downloaded), you should use a [[Child Themes|Child Theme]]. Using Child themes, you can modify (override) all aspects of an existing iThemes (Parent theme), e.g. the css code in the stylesheet, html or php code in the page templates, functions, without having to modify any of the original core theme template files. This also means that upgrading the parent theme does not overwrite any of your modifications.
Line 7: Line 7:
 
For more general information on Child Themes you can read these articles: [http://ithemes.com/ithemes-and-child-themes-introduction/ iThemes and  Child Themes – introduction] and  [http://ithemes.com/ithemes-and-child-themes-a-quick-tutorial-1/ Child  Themes, a quick tutorial].
 
For more general information on Child Themes you can read these articles: [http://ithemes.com/ithemes-and-child-themes-introduction/ iThemes and  Child Themes – introduction] and  [http://ithemes.com/ithemes-and-child-themes-a-quick-tutorial-1/ Child  Themes, a quick tutorial].
  
There is one modification required to the parent theme, we hope to incorporate that in the base code soon.
+
This article describes how to create a Child theme for Flexx CandyApple theme, but it applies to all Flexx themes.
  
=== minimum requirements ===
+
There is one modification required to the parent theme.
Your current Flexx theme should be at least at version 2.6.3 (release date: Oct. 15 2009)
+
 
=== modifications in the Parent themes functions.php ===
+
===Minimum requirements ===
 +
Your current Flexx theme should be at least at version 2.6.3 (release date: Oct. 15, 2009)
 +
 
 +
===Modifications in the Parent themes functions.php ===
 
Locate the following code in functions.php of the parent theme. Note that currently, this modification will be overwritten when you upgrade the theme.
 
Locate the following code in functions.php of the parent theme. Note that currently, this modification will be overwritten when you upgrade the theme.
  
Line 37: Line 40:
 
This will make sure that theme functions will try to locate a theme file in the Child theme template first, and if it does not exists, the theme will use the file from the parent theme.
 
This will make sure that theme functions will try to locate a theme file in the Child theme template first, and if it does not exists, the theme will use the file from the parent theme.
  
=== creating a child theme ===
+
===Creating a child theme ===
A child theme in the most essential form contains only a stylesheet, named style.css. Code in that stylesheet will tell WordPress that this is actually a Child theme, and what the parent theme is.
+
A child theme in the most essential form contains only a stylesheet, named style.css. Code in that stylesheet will tell WordPress that this is actually a Child theme, and what its Parent theme is.
  
 
To make sure all functions work properly, and all images used for the design of the theme, we will need to duplicate the following files and folders.
 
To make sure all functions work properly, and all images used for the design of the theme, we will need to duplicate the following files and folders.
* copy the images subfolder and all it's content to the child theme folder
+
* copy the images subfolder and all it's content to the Child theme folder
* copy the screenshot.jpg to the Child theme, it will look better on the WordPress themes panel
+
* copy the screenshot.jpg to the Child theme, it will just look better on the WordPress themes panel (optional)
 
* create a style.css, and make sure it has the proper information in the header.
 
* create a style.css, and make sure it has the proper information in the header.
==== sample stylesheet style.css for a Flexx Child Theme ====
+
====Sample stylesheet style.css for a Flexx Child Theme ====
 
<pre class="brush:css">
 
<pre class="brush:css">
 
/*
 
/*
Line 64: Line 67:
 
</pre>
 
</pre>
  
=== using the child theme ===
+
It is assumed that your base Flexx theme is located in a folder  named "FlexxCandyApple" (case sensitive).
 +
 
 +
===Download a sample Child theme ===
 +
You can download a sample basic [http://ithemes.com/downloads/FlexxCandyApple_child.zip FlexxCandyApple Child Theme], that includes all the required files.
 +
===Using the Child theme ===
 +
Install the Child  theme as you normally would, using the WordPress theme installer, or by  unzipping and uploading the Child Theme folder to your wp-content/themes  folder. Activate the Child theme just as  you would activate any other  theme.
 +
 
 +
==How to change the navigation bar colours==
 +
 
 +
The navigation bar in Flexx themes is generally made up from background colours, and background images. All the styling is done using CSS, you will find the relevant section labeled:
 +
 
 +
<pre class="brush:css">
 +
/*********************************************
 +
Horizontal Navigation Styles
 +
(with dropdowns)
 +
*********************************************/
 +
</pre>
 +
 
 +
Search for all occurrences of "background" and you will find that either a colour is defined,
 +
<pre class="brush:css;">
 +
#pagemenu li a:hover,
 +
#catmenu li a:hover {
 +
color: #000;
 +
background: #FFF;
 +
}
 +
</pre>
 +
<code>color</code> (#000=black) refers to the colour of the text, <code>background</code> (#fff=white) refers to the background colour.
 +
 
 +
Or a background image and a colour, in which case the images takes preference over the colour:
 +
<pre class="brush:css; highlight:05;">
 +
#pagemenu,
 +
#catmenu {
 +
width: 100%;
 +
margin: 0 auto 0; padding: 0;
 +
background: #058cc4 url(images/menu-bg.gif) repeat-x;
 +
height: 32px;
 +
text-transform: uppercase;
 +
font-size: 11px;
 +
}
 +
</pre>
 +
The background is generated using the <code>menu-bg.gif</code> background image. If that image doesn't exist, the background colour will be <code>#058cc4</code>.
 +
 
 +
All background images can be found in the <code>wp-content/themes/{yourflexxtheme}/images/</code> subdirectory in your theme folder. You will need an image editing program to change these images.
 +
 
 +
===Sample Code===
 +
Paste the following code into your child themes stylesheet, or at the end of your Flexx theme stylesheet, and notice the changes. I have simplified the colour codes, so that you can easily see what the visible changes are based on these css rules.
 +
 
 +
<pre class="brush:css;">
 +
/* change the navigation bar background */
 +
#pagemenu,
 +
#catmenu {
 +
    background-image: none;
 +
    background-color: maroon;
 +
}
 +
 
 +
/* change the top level navigation item/menu button text colour and background colour */
 +
#pagemenu li a ,
 +
#catmenu li a {
 +
    color: white;
 +
    background-image: none;
 +
    background-color: green;
 +
}
 +
 
 +
/* change the top level navigation item/menu button text colour and background colour on hover/mouseover */
 +
#pagemenu li a:hover,
 +
#catmenu li a:hover {
 +
    color: yellow;
 +
    background-image: none;
 +
    background-color: red;
 +
}
 +
 
 +
/* change the second level navigation item/menu button text colour and background colour */
 +
#pagemenu li li a ,
 +
#catmenu li li a {
 +
    color: black;
 +
    background-image: none;
 +
    background-color: yellow;
 +
}
 +
 
 +
/* change the second level navigation item/menu button text colour and background colour on hover/mouseover */
 +
#pagemenu li li a:hover,
 +
#catmenu li li a:hover {
 +
    background-image: none;
 +
    background-color: blue;
 +
}
 +
</pre>
 +
 
 +
===Inspiration from related posts on the support forum===
 +
[http://ithemes.com/forum/index.php?/topic/7958-changing-the-color-of-the-page-and-categorie-bars/ Changing the color of the page and categorie bars]
 +
 
 +
[http://ithemes.com/forum/index.php?/topic/8761-change-colors-of-nav-bar-etc/ Change Colors of Nav Bar, etc.]
 +
 
 +
[http://ithemes.com/forum/index.php?/topic/8795-how-does-one-change-color-of-the-universal-black-of-nav-bar-widget-headers/ How does one change color of the universal black of nav bar & widget headers?]
 +
 
 +
[http://ithemes.com/forum/index.php?/topic/8036-how-to-change-site-navigation-colours-in-flex-elegant/ How to change site navigation colours in flex elegant]
 +
 
 +
==How to change the widget header colours==
 +
 
 +
The widget headings in Flexx themes are generally made up from background colours in combination with background images. Changing the background colour will not show as long as there still is a background image defined for the widget heading.
 +
 
 +
<pre class="brush:css; highlight:03;">
 +
.sidebar h4 {
 +
    clear: both;
 +
    background: #013565  url(images/sidebar-h4-bg.gif) top left no-repeat;
 +
    color: #FFF;
 +
    font-size: 11px;
 +
    text-transform: uppercase;
 +
    letter-spacing: 1px;
 +
    margin: 0 0 10px 0; padding: 8px 0px 8px 15px;
 +
    line-height: 13px;
 +
}
 +
</pre>
 +
The background is generated using the <code>sidebar-h4-bg.gif</code> background image. If that image doesn't exist, the background colour will be <code>#013565</code>.
 +
 
 +
All background images can be found in the <code>wp-content/themes/{yourflexxtheme}/images/</code> subdirectory in your theme folder. You will need an image editing program to change these images, or you can remove the image from the css code, leaving just the colour.
 +
 
 +
==How to change the Feature Top and or Bottom colours==
 +
 
 +
The widget headings in Flexx themes are generally made up from background colours in combination with background images. Changing the background colour will not show as long as there still is a background image defined for the widget heading.
 +
 
 +
<pre class="brush:css; highlight:04;">
 +
#feature-top,
 +
#feature-bottom {
 +
    width: 70%;
 +
    background: #134600 url(images/feature-top-bg.gif) bottom center no-repeat;
 +
    color: #fff;
 +
    float: left;
 +
    margin: 0px; padding: 0px 0px 10px 0px;
 +
    overflow: hidden;
 +
}
 +
</pre>
 +
The background is generated using the <code>feature-top-bg.gif</code> background image. If that image doesn't exist, the background colour will be <code>#134600</code>.
 +
 
 +
All background images can be found in the <code>wp-content/themes/{yourflexxtheme}/images/</code> subdirectory in your theme folder. You will need an image editing program to change these images, or you can remove the image from the css code, leaving just the colour.
 +
 
 +
You can for instance override the feature top colours by adding the following code at the end of you (child themes) stylesheet style.css:
 +
<pre class="brush:css; highlight:04;">
 +
#feature-top {
 +
    background: #e1771e;
 +
}
 +
</pre>
 +
 
 +
==Flexx Wide or Narrow==
 +
The width of Flexx is set automatically by the layout engine. '''There is no other way to set the <code>default width</code> of your Flexx site'''. Based on your settings, Flexx will either flex to a Narrow (780px) or Wide (960px) layout.
 +
 
 +
===Set the layout===
 +
In your wp-dashboard, go to My Theme > Settings. Select one of the 6 layouts that you would like to apply. The layouts with no, or only one sidebar area will result in a Narrow layout. The layouts with a sidebar left and right (split sidebars), or the layout with one sidebar with 2 skinny sidebars in the middle and a wider sidebar on top and bottom will result in a Wide layout. See also this image:
 +
 
 +
[[File:Flexx1.jpg]]
 +
 
 +
The resulting layout, the <code>default layout</code> can't be changed otherwise!
 +
 
 +
===Page templates===
 +
There are several page templates shipped with Flexx. These page templates can be applied to your WordPress pages, and allow you to add variations to your page layouts.
 +
* Page with Left Sidebar (narrow layout)
 +
* Page with Right Sidebar (narrow layout)
 +
* Page with No Sidebars (narrow layout)
 +
* Page with Left Sidebar (wide layout)
 +
* Page with Right Sidebar (wide layout)
 +
* Page with No Sidebars (wide layout)
 +
* Page with Split Sidebars (wide layout)  (=> there is no Page with Split Sidebars layout for the narrow layout)
 +
 
 +
As you can see, there is a Narrow and a Wide version of each page template (except the Split Sidebars one). These are all included, since at the time of packing and shipping the Flexx theme, it is unknown which will be the layout you choose for your site.
 +
 
 +
This means, that if your site has a Narrow <code>default layout</code>, you should use the page templates designed for a Narrow layout.
 +
For a Wide <code>default layout</code>, choose a page template designed for the Wide layout. '''This does NOT mean, that you can manipulate the <code>default site width</code> or a particular page layout by selecting a page template for Narrow if your site is Wide, or the other way around.'''
 +
 
 +
So if your <code>default layout</code> is Narrow, and you decide to choose a page template with a Wide layout, it will ''not'' change the page width, it will however most likely result in a messy page. If your <code>default layout</code> is Wide, you should only use the page templates designed for the Wide layout. Choosing a page template with a Narrow layout, will ''not'' change the page width, it will again probably result in a messy page.
 +
 
 +
'''To summarize: If your site layout is narrow, only use Page Templates that say (narrow layout). If your site layout is wide, only use Page Templates that say (wide layout).'''
 +
 
 +
===Widgets===
 +
Flexx comes with default widget areas (also called "sidebars" by WordPress, which is not an accurate term). Depending on the widget areas you select in your layout, you can add content to your site using these widget areas.
 +
 
 +
For the aforementioned '''Page Templates''', additional widget areas have been created. This allows you to use other widgets on your Pages than those in your <code>default layout</code>. These widgets are prefixed by the word "Page". So widget areas such as "Page Wide Sidebar Bottom" will ONLY be applied to pages that use a Page template. The "Wide Sidebar Bottom" Widget area will be applied to all posts, and to pages that do NOT use a page template as listed in the previous chapter.
 +
 
 +
===Just a Couple of Related Forum Posts===
 +
http://ithemes.com/forum/index.php?/topic/8605-flexx-layout-sidebars-and-page-templates/<br />
 +
http://ithemes.com/forum/index.php?/topic/1327-page-lauout-from-narrow-to-wide/<br />
 +
http://ithemes.com/forum/index.php?/topic/17421-theme-width/#p81478<br />
 +
http://ithemes.com/forum/index.php?/topic/151-how-do-i-change-the-width-of-the-whole-theme/#p548<br />
  
You can download a sample basic [http://ithemes.com/downloads/FlexxCandyApple_child.zip FlexxCandyApple Child Theme], that includes all the required files. Install the child theme as you normally would, using the wp theme installer, or by unzipping and uploading the Child Theme to your wp-content/themes folder. Activate the child theme just as  you would activate any other theme. It is assumed that your base Flexx theme is located in a folder named "FlexxCandyApple" (case sensitive).
+
<hr>
  
 
[[Flexx|Back to the main Flexx page]]
 
[[Flexx|Back to the main Flexx page]]
 
[[Category:Themes]]
 
[[Category:Themes]]
 
[[Category:Flexx]]
 
[[Category:Flexx]]

Latest revision as of 01:44, November 25, 2011

Check the General FAQ page in case your question does not appear in this section.

Contents

How to create a Child theme for Flexx

In order to preserve your original Flexx theme files (as downloaded), you should use a Child Theme. Using Child themes, you can modify (override) all aspects of an existing iThemes (Parent theme), e.g. the css code in the stylesheet, html or php code in the page templates, functions, without having to modify any of the original core theme template files. This also means that upgrading the parent theme does not overwrite any of your modifications.

For more general information on Child Themes you can read these articles: iThemes and Child Themes – introduction and Child Themes, a quick tutorial.

This article describes how to create a Child theme for Flexx CandyApple theme, but it applies to all Flexx themes.

There is one modification required to the parent theme.

Minimum requirements

Your current Flexx theme should be at least at version 2.6.3 (release date: Oct. 15, 2009)

Modifications in the Parent themes functions.php

Locate the following code in functions.php of the parent theme. Note that currently, this modification will be overwritten when you upgrade the theme.

//A function to include files throughout the theme
//It checks to see if the file exists first, so as to avoid error messages.
function get_template_file($filename) {
    if (file_exists(TEMPLATEPATH."/$filename"))
        include(TEMPLATEPATH."/$filename");
}

and replace that entire block of code with:

//A function to include files throughout the theme
//It checks to see if the file exists first, so as to avoid error messages.
function get_template_file($filename) {
        if (file_exists(get_stylesheet_directory()."/$filename"))
            include(get_stylesheet_directory()."/$filename");
        else if (file_exists(get_template_directory()."/$filename"))
            include(get_template_directory()."/$filename");
}
  

This will make sure that theme functions will try to locate a theme file in the Child theme template first, and if it does not exists, the theme will use the file from the parent theme.

Creating a child theme

A child theme in the most essential form contains only a stylesheet, named style.css. Code in that stylesheet will tell WordPress that this is actually a Child theme, and what its Parent theme is.

To make sure all functions work properly, and all images used for the design of the theme, we will need to duplicate the following files and folders.

  • copy the images subfolder and all it's content to the Child theme folder
  • copy the screenshot.jpg to the Child theme, it will just look better on the WordPress themes panel (optional)
  • create a style.css, and make sure it has the proper information in the header.

Sample stylesheet style.css for a Flexx Child Theme

/*
Theme Name:    Flexx Theme CandyApple - Child Theme
Theme URI:     http://www.ithemes.com
Description:   Child theme for Flexx CandyApple
Author:        iThemes
Author URI:    http://www.ithemes.com
Version:       1.0.0
Template:      FlexxCandyApple

/* Import Parent Stylesheet, do not remove this line,
   make sure you use the ACTUAL parent theme folder name!
-----------------------------------------------------*/
@import url("../FlexxCandyApple/style.css");

/* Make all your modifications and customisations below this line
----------------------------------------------------------------*/

It is assumed that your base Flexx theme is located in a folder named "FlexxCandyApple" (case sensitive).

Download a sample Child theme

You can download a sample basic FlexxCandyApple Child Theme, that includes all the required files.

Using the Child theme

Install the Child theme as you normally would, using the WordPress theme installer, or by unzipping and uploading the Child Theme folder to your wp-content/themes folder. Activate the Child theme just as you would activate any other theme.

How to change the navigation bar colours

The navigation bar in Flexx themes is generally made up from background colours, and background images. All the styling is done using CSS, you will find the relevant section labeled:

/*********************************************
		Horizontal Navigation Styles 
				(with dropdowns)
*********************************************/

Search for all occurrences of "background" and you will find that either a colour is defined,

#pagemenu li a:hover,
#catmenu li a:hover {
	color: #000;
	background: #FFF;
}

color (#000=black) refers to the colour of the text, background (#fff=white) refers to the background colour.

Or a background image and a colour, in which case the images takes preference over the colour:

#pagemenu,
#catmenu {
	width: 100%;
	margin: 0 auto 0; padding: 0;
	background: #058cc4 url(images/menu-bg.gif) repeat-x;
	height: 32px;
	text-transform: uppercase;
	font-size: 11px;
}

The background is generated using the menu-bg.gif background image. If that image doesn't exist, the background colour will be #058cc4.

All background images can be found in the wp-content/themes/{yourflexxtheme}/images/ subdirectory in your theme folder. You will need an image editing program to change these images.

Sample Code

Paste the following code into your child themes stylesheet, or at the end of your Flexx theme stylesheet, and notice the changes. I have simplified the colour codes, so that you can easily see what the visible changes are based on these css rules.

/* change the navigation bar background */
#pagemenu,
#catmenu {
    background-image: none;
    background-color: maroon;
}

/* change the top level navigation item/menu button text colour and background colour */
#pagemenu li a ,
#catmenu li a {
    color: white;
    background-image: none;
    background-color: green;
}

/* change the top level navigation item/menu button text colour and background colour on hover/mouseover */
#pagemenu li a:hover,
#catmenu li a:hover {
    color: yellow;
    background-image: none;
    background-color: red;
}

/* change the second level navigation item/menu button text colour and background colour */
#pagemenu li li a ,
#catmenu li li a {
    color: black;
    background-image: none;
    background-color: yellow;
}

/* change the second level navigation item/menu button text colour and background colour on hover/mouseover */
#pagemenu li li a:hover,
#catmenu li li a:hover {
    background-image: none;
    background-color: blue;
}

Inspiration from related posts on the support forum

Changing the color of the page and categorie bars

Change Colors of Nav Bar, etc.

How does one change color of the universal black of nav bar & widget headers?

How to change site navigation colours in flex elegant

How to change the widget header colours

The widget headings in Flexx themes are generally made up from background colours in combination with background images. Changing the background colour will not show as long as there still is a background image defined for the widget heading.

.sidebar h4 {
    clear: both;
    background: #013565   url(images/sidebar-h4-bg.gif) top left no-repeat;
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0; padding: 8px 0px 8px 15px;
    line-height: 13px;
}

The background is generated using the sidebar-h4-bg.gif background image. If that image doesn't exist, the background colour will be #013565.

All background images can be found in the wp-content/themes/{yourflexxtheme}/images/ subdirectory in your theme folder. You will need an image editing program to change these images, or you can remove the image from the css code, leaving just the colour.

How to change the Feature Top and or Bottom colours

The widget headings in Flexx themes are generally made up from background colours in combination with background images. Changing the background colour will not show as long as there still is a background image defined for the widget heading.

#feature-top,
#feature-bottom {
    width: 70%;
    background: #134600 url(images/feature-top-bg.gif) bottom center no-repeat;
    color: #fff;
    float: left;
    margin: 0px; padding: 0px 0px 10px 0px;
    overflow: hidden;
}

The background is generated using the feature-top-bg.gif background image. If that image doesn't exist, the background colour will be #134600.

All background images can be found in the wp-content/themes/{yourflexxtheme}/images/ subdirectory in your theme folder. You will need an image editing program to change these images, or you can remove the image from the css code, leaving just the colour.

You can for instance override the feature top colours by adding the following code at the end of you (child themes) stylesheet style.css:

#feature-top {
    background: #e1771e;
}

Flexx Wide or Narrow

The width of Flexx is set automatically by the layout engine. There is no other way to set the default width of your Flexx site. Based on your settings, Flexx will either flex to a Narrow (780px) or Wide (960px) layout.

Set the layout

In your wp-dashboard, go to My Theme > Settings. Select one of the 6 layouts that you would like to apply. The layouts with no, or only one sidebar area will result in a Narrow layout. The layouts with a sidebar left and right (split sidebars), or the layout with one sidebar with 2 skinny sidebars in the middle and a wider sidebar on top and bottom will result in a Wide layout. See also this image:

Flexx1.jpg

The resulting layout, the default layout can't be changed otherwise!

Page templates

There are several page templates shipped with Flexx. These page templates can be applied to your WordPress pages, and allow you to add variations to your page layouts.

  • Page with Left Sidebar (narrow layout)
  • Page with Right Sidebar (narrow layout)
  • Page with No Sidebars (narrow layout)
  • Page with Left Sidebar (wide layout)
  • Page with Right Sidebar (wide layout)
  • Page with No Sidebars (wide layout)
  • Page with Split Sidebars (wide layout) (=> there is no Page with Split Sidebars layout for the narrow layout)

As you can see, there is a Narrow and a Wide version of each page template (except the Split Sidebars one). These are all included, since at the time of packing and shipping the Flexx theme, it is unknown which will be the layout you choose for your site.

This means, that if your site has a Narrow default layout, you should use the page templates designed for a Narrow layout. For a Wide default layout, choose a page template designed for the Wide layout. This does NOT mean, that you can manipulate the default site width or a particular page layout by selecting a page template for Narrow if your site is Wide, or the other way around.

So if your default layout is Narrow, and you decide to choose a page template with a Wide layout, it will not change the page width, it will however most likely result in a messy page. If your default layout is Wide, you should only use the page templates designed for the Wide layout. Choosing a page template with a Narrow layout, will not change the page width, it will again probably result in a messy page.

To summarize: If your site layout is narrow, only use Page Templates that say (narrow layout). If your site layout is wide, only use Page Templates that say (wide layout).

Widgets

Flexx comes with default widget areas (also called "sidebars" by WordPress, which is not an accurate term). Depending on the widget areas you select in your layout, you can add content to your site using these widget areas.

For the aforementioned Page Templates, additional widget areas have been created. This allows you to use other widgets on your Pages than those in your default layout. These widgets are prefixed by the word "Page". So widget areas such as "Page Wide Sidebar Bottom" will ONLY be applied to pages that use a Page template. The "Wide Sidebar Bottom" Widget area will be applied to all posts, and to pages that do NOT use a page template as listed in the previous chapter.

Just a Couple of Related Forum Posts

http://ithemes.com/forum/index.php?/topic/8605-flexx-layout-sidebars-and-page-templates/
http://ithemes.com/forum/index.php?/topic/1327-page-lauout-from-narrow-to-wide/
http://ithemes.com/forum/index.php?/topic/17421-theme-width/#p81478
http://ithemes.com/forum/index.php?/topic/151-how-do-i-change-the-width-of-the-whole-theme/#p548


Back to the main Flexx page

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox