CSS Image Gallery Support Product Page
This topic was archived
remove the thumb nail buttons and centre
Asked 13 Sep 2007 15:23:19
1
has this question
13 Sep 2007 15:23:19 Nicola Young posted:
Typical I show someone how I have used this ccs and they ask for a slight alteration.How do I remove the buttons on the thumbnail and how do I centre all the thumbnails.
Thanks
Nic
Replies
Replied 17 Sep 2007 11:02:24
17 Sep 2007 11:02:24 Georgi Kralev replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>How do I remove the buttons on the thumbnail and how do I centre all the thumbnails.<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hi Nicola,
I do not understand what exactly do you mean by center all the thumbnails.
But if you want to remove Previous and Next button on the thumbnails you will have to edit the dmxgallery.css.
Find <b>.dmxThumbList a.dmxPrevious</b> and <b>.dmxThumbList a.dmxNext</b> classes and add the following property:
<i>visibility: hidden;</i>
For example the resulting code should look like this:
<i>.dmxThumbList a.dmxPrevious
{
<b>visibility: hidden;</b>
bottom: 25px;
left: 2px;
z-index: 10;
width: 40px;
height: 40px;
background-image: url( 'controlbl_prev.png' );
background-position: left top;
}</i>
<i>
.dmxThumbList a.dmxNext
{
<b>visibility: hidden;</b>
position: absolute;
bottom: 25px;
right: 2px;
z-index: 10;
width: 40px;
height: 40px;
background-image: url( 'controlbl_next.png' );
background-position: right top;
}</i>
Regards,
Georgi Kralev
----------------------------------
Support - www.DMXzone.com
Hi Nicola,
I do not understand what exactly do you mean by center all the thumbnails.
But if you want to remove Previous and Next button on the thumbnails you will have to edit the dmxgallery.css.
Find <b>.dmxThumbList a.dmxPrevious</b> and <b>.dmxThumbList a.dmxNext</b> classes and add the following property:
<i>visibility: hidden;</i>
For example the resulting code should look like this:
<i>.dmxThumbList a.dmxPrevious
{
<b>visibility: hidden;</b>
bottom: 25px;
left: 2px;
z-index: 10;
width: 40px;
height: 40px;
background-image: url( 'controlbl_prev.png' );
background-position: left top;
}</i>
<i>
.dmxThumbList a.dmxNext
{
<b>visibility: hidden;</b>
position: absolute;
bottom: 25px;
right: 2px;
z-index: 10;
width: 40px;
height: 40px;
background-image: url( 'controlbl_next.png' );
background-position: right top;
}</i>
Regards,
Georgi Kralev
----------------------------------
Support - www.DMXzone.com