• 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

help with post/page image & adding vertical divider

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 › help with post/page image & adding vertical divider

This topic is: not resolved
  • This topic has 3 replies, 2 voices, and was last updated 12 years, 8 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 11, 2013 at 2:35 am #45188
    samw
    Member

    Hi Folks

    I looking for some help  and would like to create a vertical divider between a left aligned inserted post/page image and the text. The text needs to float centred to the image as the text is greater in height than the image.

    This will be repeated across the top of each page of my site.

    Having spent hours experimenting, with tables, vertical divides and columns, I cant get it to work!

    Please can anyone suggested the recommended way of achieving this.

    Not sure if I need to use a two column layout or whether a div class would achieve this

    An example of  similar layout can be seen here..I would be looking to create smaller boxes/columns etc http://www.wpbeginner.com/blueprint/

    my site is local dev at the mo

    Many Thanks

     

     

     


    SEO & Online Marketing Consultant

    Metta3 | G+ | LinkedIn

    June 11, 2013 at 3:42 am #45196
    Brad Dalton
    Participant

    Here's the tutorial for adding content columns http://my.studiopress.com/tutorials/content-column-classes/


    Tutorials for StudioPress Themes.

    June 11, 2013 at 4:41 am #45202
    samw
    Member

    Hi

    Many thanks for the reply - I can add columns without issue. The challenge is im unable to style the columns to include an image or add vertical dividers. HR tags no problem

    Should i be using some sort of div wrapper instead? As per the link above, I would like to create a page layout as per the http://www.wpbeginner.com/blueprint/

    Or is there another way to approach this altogether

    Many Thanks

     


    SEO & Online Marketing Consultant

    Metta3 | G+ | LinkedIn

    June 11, 2013 at 8:16 am #45239
    Brad Dalton
    Participant

    To be honest, i don't really know but suggest you contact them on their site and ask as they my write a tutorial.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 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