• 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

What is the best way to set up images with titles?

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 › What is the best way to set up images with titles?

This topic is: not resolved

Tagged: centering, Columns, images

  • This topic has 1 reply, 2 voices, and was last updated 6 years, 11 months ago by Tom.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 22, 2016 at 1:54 pm #179611
    SusanB
    Member

    I just started using the Genesis framework and I love it! I have a question though about how to set up images with titles underneath. My site is made up exclusively of pages, no posts. It's a publishing company site so I have to display rows of book covers with the titles centered underneath. I learned early on in using Genesis that table tags are not the best option for book covers because they look bad on mobile devices. I have been trying to use the Column feature instead. It looks a lot better, however, sometimes part of my titles will show up on the right side of a book cover instead of being centered below when I look at my site's home page on my cell phone. Here is an example of how I have it coded:

    <div class="one-third first" style="text-align: center">
    Super Sleuth Writing Prompts 600h
    Super Sleuth Writing Prompts
    </div>
    <div class="one-third" style="text-align: center">
    Space Adventures Writing Prompts 600h
    Space Adventures Writing Prompts
    </div>
    <div class="one-third" style="text-align: center">
    Undersea Writing Prompts 600h
    Undersea Writing Prompts
    </div>

    How can I make my titles (with links) display centered below the book covers on mobile devices? By the way, I don't use the Featured Page option because I want to keep the aspect ratio of my book covers.

    http://www.warmheartspublishing.com/
    February 22, 2016 at 5:33 pm #179658
    Tom
    Participant

    Hi Susan,
    (code snippets should be pasted like this.)

    Found the examples on your site: the text links are not clearing the images. In the working examples, you are using HTML breaks

     &lt;BR&gt;

    to force this. So it's just consistency from group to group, which could be standardized with classes and CSS, or carefully reproduced.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

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