ZenphotoCMS Forum
CSS style for printLatestImages() - Printable Version

+- ZenphotoCMS Forum (https://forum.zenphoto.org)
+-- Forum: Support (https://forum.zenphoto.org/forum-1.html)
+--- Forum: General support (https://forum.zenphoto.org/forum-4.html)
+--- Thread: CSS style for printLatestImages() (/thread-8005.html)



CSS style for printLatestImages() - hkdigit - 2010-12-28

Is it possible to apply CSS class for printLatestImages()function?

http://www.hkgimages.com/pic/

I want to show the latest images in horizontal instead of list items.

Many thanks in advance.




CSS style for printLatestImages() - acrylian - 2010-12-28

Yes, the list has a class attached (see the html output).




CSS style for printLatestImages() - hkdigit - 2010-12-29

acrylian, it's working now

At index.php, I add the following line:

printLatestImages(8,'', FALSE, FALSE, FALSE, 0, '', 75, 75, TRUE, FALSE);

At CSS File, I add following lines:

/ Latest Images
------------------------------
/

latest {


list-style: none;
float: left;
margin:0px 0;
}

latest ul {


padding:0;
margin:0;
list-style:none;
}

latest ul li {


list-style:none;
float: left;
padding: 0px 4px 0px;
margin:0px 0;
}




CSS style for printLatestImages() - acrylian - 2010-12-29

You could have used display: inline; probably as well instead of float.




CSS style for printLatestImages() - hkdigit - 2011-01-11

Thanks acrylian, it's working now ^_^

Ref: http://www.hkgimages.com/pic/events/new-year-countdown-celebrations/

/ Latest Images
------------------------------
/

popular {


list-style: none;
display: inline;
margin:0px 0;
}

popular ul {


padding:0;
margin:0;
list-style:none;
}

popular ul li {


list-style:none;
display: inline;
padding: 0px 4px 0px;
margin:0px 0;
}