Uptown - Alternate homepage options

The Uptown theme demo displays three featured posts below the header on the homepage. There are a few alternate options available that can be used in place of the three featured posts:

  • Post slider
  • Traditional image slider
  • 3 featured pages or categories

Post slider

  1. Install and activate the 17th Avenue Post Slider plugin.
  2. In your WordPress dashboard, go to Genesis > Slider Settings.
  3. At the top of the page, click "Reset Settings," which will automatically configure all the slider settings for you.
  4. Go to Appearance > Widgets. Drag the Genesis Responsive Slider widget into the Front Page 1 widget area. Save.
Tip: if you'd like to to individually choose which posts display in the slider,  here's how. 

Traditional image slider

A "traditional" slider is an image slider that does not link to blog posts. You have the choice to link the photos anywhere you'd like, or they can be left unlinked.

The recommended size for the image slider is 1140 x 500px. For best results, we advise that you crop your slider images to this size before uploading them (you can do this in Photoshop or a free program like Pixlr).

1. Install and activate the  MetaSlider plugin. Once installed, click the MetaSlider tab at the bottom left corner of your dashboard.
2. Click the “+New” to create a new slider.
3. Click "Add Slide" to upload your images.
4. Configure your settings as seen here:

5. Once your slider is created and saved, go to Appearance > Widgets.

6. Drag the Meta Slider widget into the  Front Page 1 widget area. Select the slider you created, and then hit Save. 

3 featured pages or categories

  1. Install and activate the Genesis Featured Page Advanced plugin.
  2. Go to Appearance > Widgets. If you have any widgets inside Front Page 1, remove them.
  3. Add 3 Genesis Featured Page Advanced widgets to Front Page 1.
  4. Configure the widgets as shown below:

How to link a featured page widget to a category >

Alternate display option for featured page widgets

  1. Follow the same instructions from the previous section.
  2. Then, click here and copy the code snippet.
  3. Go to Appearance > Customize > Additional CSS and paste the code in the box. Publish. Feel free to change the background color and link color to whatever colors you'd prefer!