• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Workstation Pro creating list columns with Text Widgets in Front Page

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Workstation Pro creating list columns with Text Widgets in Front Page

This topic is: resolved

Tagged: front page, inline widgets, workstation pro

  • This topic has 7 replies, 2 voices, and was last updated 7 years ago by Brad Dalton.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2016 at 1:17 pm #180767
    di
    Participant

    I'm trying to duplicate the three columns of unordered lists that the Workstation Pro sample shows here. See the 2nd, 3rd, 4th Text Widgets. How do you get the three lists (widgets) to align together in one row? When I create two lists, they each are in their own row. When I create three lists, the first is in its own row and the second and third are together in a second row.

    Thanks!

    http://my.studiopress.com/setup/workstation-pro-theme/front-page-setup/front-page-1-widget-area/
    March 6, 2016 at 4:33 pm #180776
    Brad Dalton
    Participant

    Link to your site please.


    Tutorials for StudioPress Themes.

    March 7, 2016 at 2:04 pm #180818
    di
    Participant

    http://www.thebloggingbee.com

    This is a work in progress so content and layout is changing by the minute. The columns I'm referring to have the headings Benefits of Blogging, Class Syllabus, and Prerequisites. I'm trying to get them aligned in one row but cannot, even if I use only a single word in the title and list items.

    March 7, 2016 at 10:18 pm #180876
    di
    Participant

    I've now figured out the 3-column configuration is only available in Front-Page-1. However, I wish to have it in Front-Page-2. Thus I need to change the settings for Front-Page-2 to match. Where can I do this? I'm not finding anything in the CSS for Front-Page-2 and the little it has for Front-Page-1 does not establish these columns. Any advice?

    March 8, 2016 at 5:30 am #180898
    di
    Participant

    Ah hah. So I'm a bit slow.:-) After working with this a bit and rereading this Workbench Pro page yet another time, I finally understand! No matter the Front-Page number, the layout will always follow the same order. So I need to have a single full row in every Front-page before I can have columns. The order must follow the numbered order provided by Workstation Pro, unless I'm willing to do some major coding. In that case, I should perhaps just go with another child theme.

    March 8, 2016 at 10:03 am #180913
    Brad Dalton
    Participant

    I think you need to change the class. What type of widget does the theme setup guide use in the widget area you refer to?

    You should be able to change th class to match the type of widget you use.


    Tutorials for StudioPress Themes.

    March 8, 2016 at 10:08 am #180915
    di
    Participant

    Thanks Brad for responding. Do you know where I can make these changes? I couldn't find any class settings for Front-Page in style.css other than colors.

    March 8, 2016 at 10:39 am #180918
    Brad Dalton
    Participant

    Inspect the element to find the CSS rules which include the CSS you need to copy and or modify.

    Using Firebug with StudioPress


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Workstation Pro creating list columns with Text Widgets in Front Page’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble