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

[SusanB]

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
</div>
<div class="one-third" style="text-align: center">

Space Adventures Writing Prompts
</div>
<div class="one-third" style="text-align: center">

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/

[Tom]

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

 <BR>

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