• 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

How do you display images vertically?

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 › How do you display images vertically?

This topic is: not resolved

Tagged: image alignment, vertical image alignment

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by LaunchPad777.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2014 at 7:52 am #133491
    LaunchPad777
    Member

    Hi everyone,

    I'm working on a website that will replace an existing website.... so I'm being super cautious about having the new website locked down so that it is not picked up by the search engines...

    Using Genesis Sample Theme...

    I need to vertically align images on the right hand side of a page ....without any text getting in between the images.
    I have been searching the forum and Google for ages but can't find a solution...

    What is the simplest way of doing this?

    I have attached a screen shot of the existing website so that you can see what I mean.

    Regards
    Greg

    December 3, 2014 at 8:15 am #133495
    Genesis Developer
    Member

    where is the screenshot?


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 3, 2014 at 12:19 pm #133518
    LaunchPad777
    Member

    Apologies for wasting your time...

    This is the existing webpage.....you will see the 3 images on top of each other on the right:

    http://www.johannesburgphysio.co.za/Event-Physiotherapy.html

    By the way - how do you add a screenshot or image into this thread?

    Regards

    Greg

    December 3, 2014 at 2:22 pm #133526
    Genesis Developer
    Member

    By the way – how do you add a screenshot or image into this thread?

    Re: Just upload the image on your server and put the full image path using IMG HTML tag


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 3, 2014 at 2:25 pm #133527
    Genesis Developer
    Member

    I saw the page. use genesis columns class things. This case you will use 2 columns classes. 1st column you'll add content and 2nd column add the image one by one . Image alignment will be none.

    You can use this tip for Columns Shortcode http://genesisdeveloper.me/column-classes-shortcode-for-genesis-theme/


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 5, 2014 at 3:02 am #133673
    LaunchPad777
    Member

    Thanks genwrock,

    Will try it out.....
    Just a question though - I saw somewhere that the column classes are already set up in Genesis themes. If this is the case, doI still need to add the php code?

    Also came across this bit of code but have tried it and can't get it to work....even though the tutorial talks about the alignment of 3 images:

    <br style=”clear: both;” />

    http://bakermarketingservices.com/2013/02/stacking-images-vertically-on-a-wordpress-page-or-post/

    Please give me your thoughts....

    Regards
    Greg

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

© 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