Before we start…

Live demo style guide can be found on our demo site. If you need additional support setting up your theme, feel free to contact us on support forum.

Theme Customization

Goodz Magazine theme is minimal and light theme. However, this doesn’t mean that theme can not be customized. Theme can be modified from the Customizer. From your site’s dashboard go to Appearance → Customize. Here you can easily set:

Theme Options

Blog Layout Settings

Goodz Magazine theme can be set to display archives page in full width or as grid. To change layout settings, go to Appearance → Customize. In Customizer select Theme Options → Layout Settings option. Here you can set Archive Pages Layout to display posts in boxed manner or full width. Boxed layout will display posts in three columns, centered in 1240px wide area. You can set the Archives page to always display posts in two columns, instead of a fluid number of columns.
Single post page also can be set to display content in boxed or in full width mode.

Header Settings

Header Settings allow you to set sticky header. This way header with custom menu and site logo will be always visible. To enable sticky header, go to Appearance → Customize → Header Settings. Check Enable Sticky Header option, and press Save&Publish button in order to save the changes.

Featured Slider

Featured slider is great way to promote your posts. Slider uses featured images from posts. Setting slider is pretty simple. Prerequisite is to have several posts with featured images, tagged with same tags.
From dashboard navigate to Appearance → Customize → Featured Content. Enter desired tags, and press Save&Publish button in order to save the changes. If you leave this field empty, or delete existing tags, slider will not be displayed.
To display slider in full width, go to to Appearance → Customize → Theme Options → Featured Slider. Check Enable fullwidth check box, and press Save&Publish button in order to populate the changes.
Theme will display slider without left and right margins, while slider width is depending if home archives page is set to display as full width or boxed.

Post Formats

Goodz Magazine theme supports all post formats: Standard, Aside, Image, Video, Quote, Link, Gallery, Status, Audio, and Chat.

Quote Post Format

To create a quote, first choose the Quote post format. Next, select your desired text in the Visual Editor and apply Blockquote formatting to it. To cite the author of a quote, write their name below the quote text. Switch to the Text Editor and add around the author’s name. See Quote post format example.

Link Post Format

To create a link post, first select the Link post format. After adding your link text, link it to the desired URL. To add the link source or title, add around the source or title name. See Link post format example.

Widgets

Goodz Magazine has a right-hand widget area, displayed on single post pages and pages. There are also three widget ares in the footer, which is always present. Widgets can be configured under Appearance → Widgets. If no widgets are assigned to the Sidebar, content will display at full width.

Post styling

Two columns content

You can display content in two columns by wrapping a div element with class “twocolumn” around your content:

Two columns text.

Dropcap paragraph

Drop caps allow you to stylize the first letter in a post or page. Simply wrap the first letter in a span with “dropcap” class.
Drop cap examples.

Text highlighting

To highlight text, wrap it with the pre element:

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Quick Specs (all measurements in pixels):
1. Single post with featured image: 1140 (boxed)
2. Standard post content width: 850 (boxed)
3. Page with sidebar content width: 810 (boxed)
4. Sidebar width: 270
5. Homepage grid 4 columns column width: 424
6. Homepage grid 2 columns column width: 772
7. Homepage sticky post width: 772