Goodz Magazine can display archives in full width or as a grid. To change the layout, go to Customizer → Theme Options → Layout Settings.
Set the Archive Pages Layout to display posts in a fixed- or full-width layout. The fixed-width layout will display posts in a
To stick the header to the top of the screen, go to Customizer → Header Settings, check Enable Sticky Header, and press Save & Publish.
Navigate to Customize → Featured Content. Enter your desired tag, and Save & Publish. If you leave this field empty, the slider will not be displayed.
To display slider at full-width, go to to Customize → Theme Options → Featured Slider. Check Enable full-width check box, and use the Save & Publish button in order to populate the changes.
The theme will display the slider without left and right margins, while the slider width depends on whether the home archives page is set to display as full width or boxed.
Sticky posts are posts that are displayed larger than other posts, and are always displayed at the top of other posts, regardless their chronological order. They are used to display important posts or posts that are promoted.
To make post sticky, go to Posts → All Posts. Click on Quick Edit under post that you wish to make sticky. Check option Make this post sticky. Press Update to save the changes.
Quote Post Format
To create a quote, first choose the Quote post format. Select your desired text in the Visual Editor and apply Blockquote formatting to it.
To cite the quote author, write their name below the quote text. Switch to the Text Editor and add <cite></cite> around the author’s name.
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.
Goodz Magazine has a right-hand widget area and three widget areas in the footer. Widgets can be configured under Customizer → Widgets.
You can display content in two columns by wrapping a
div element with class “twocolumn” around your content:
<div class="twocolumn">Your text goes here.</div>
Drop caps allow you to stylize the first letter in a post or page. Simply wrap the first letter in a span with “dropcap” as the class.
<span class="dropcap">D</span>rop cap examples.
You can see complete styleguide in action here.