Joomla Templates Club 406,261 posts

[Nancy Kimball Friend Nancy KimballJoin date: September 2014Posts: 65Downloads:15Uploads:34 Thanks: 33 Thanked: 2 times in 1 posts]

#197853

http://new.morleylibrary.org

I have made a Custom HTML module to display and link to the library’s catalog a list of Newbery Medal Books.
There is one for each year. I would like to add the date below each book. Not able to figure out how to do that.
It is on the Kids menu item, then Children.

The beginning of the custom html is:

<h3 class=”module-title “>
<span></span>
</h3>
<div style=”visibility: visible; width: 110%; height: 200px; position: relative; overflow: hidden;”>

<a href=”http://www.morleylibrary.org:8080/#section=resource&resourceid=97353557&currentIndex=0″>
<img src=”http://ls2content.tlcdelivers.com/tlccontent?customerid=200112&appid=ls2pac&requesttype=BOOKJACKET-MD&Isbn=9780763660406&Isbn=076366040X”style=”margin-right: 30px;”>
</a>

<a href=”http://www.morleylibrary.org:8080/#section=resource&resourceid=67320866&currentIndex=0″>
<img src=”http://ls2content.tlcdelivers.com/tlccontent?customerid=200112&appid=ls2pac&requesttype=BOOKJACKET-MD&Isbn=0061992267&Isbn=9780061992261&Isbn=0061992259&Isbn=9780061992254″ style=”margin-right: 30px;”>
</a>

<a href=”http://www.morleylibrary.org:8080/#section=resource&resourceid=56917522&currentIndex=0″>
<img src=”http://ls2content.tlcdelivers.com/tlccontent?customerid=200112&appid=ls2pac&requesttype=BOOKJACKET-MD&Isbn=0374379939&Isbn=9780374379933″style=”margin-right: 30px;”>
</a>

How do I add the date under (and centered) each image?
Thanks,
Nancy

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#535448

I have made some changes on your site and made some changes on custom.css file. Please check your site.

1 user says Thank You to chavan for this useful post

1. Nancy Kimball

[Nancy Kimball Friend Nancy KimballJoin date: September 2014Posts: 65Downloads:15Uploads:34 Thanks: 33 Thanked: 2 times in 1 posts]

#535471

Thanks Chavan! I copied what you did to the Newbery Medal books on this page http://new.morleylibrary.org/index.php/kids/children

I also removed this line
<div style=”visibility: visible; width: 110%; height: 200px; position: relative; overflow: hidden;”>
When I removed this line — the last book in the row won’t show.
But I like the dates — thank you!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#535486

you can only align 7 books in a row. thats why you don’t see the other book.

To show all the books do this change in this file: /templates/ja_bookshop/css/custom.css

Replace this code


.clsrow{ visibility: visible; width: 100%; height: 230px; position: relative; overflow: hidden; }
with


.clsrow{ visibility: visible; width: 100%; min-height: 230px; position: relative; }

[Author]

Posts