how to change the coding into a column rather than a list
keen but not sure
Registered Users Posts: 51 Big grins
I got this css code from Nicholas Sherlock's website on converting a folder displaying galleries in a list rather than images.
However...I would like to have that long list split into 2 or sometimes 3 columns...how do I go about altering the code below...and if it's not too much trouble...changing the text color to #7393f0
Jeannie
/* Turn gallery icons into a text list */
.sm-page-widget-galleries img {
display:none !important;
}
.sm-page-widget-galleries .sm-tile-wrapper {
width:auto !important;
max-width:none !important;
display:block !important;
}
.sm-page-widget-galleries a {
padding-bottom:0 !important;
}
.sm-page-widget-galleries .sm-tile-info {
position:static !important;
}
.sm-page-widget-galleries .sm-tile-placeholder-icon {
display: none!important;
}
However...I would like to have that long list split into 2 or sometimes 3 columns...how do I go about altering the code below...and if it's not too much trouble...changing the text color to #7393f0
Jeannie
/* Turn gallery icons into a text list */
.sm-page-widget-galleries img {
display:none !important;
}
.sm-page-widget-galleries .sm-tile-wrapper {
width:auto !important;
max-width:none !important;
display:block !important;
}
.sm-page-widget-galleries a {
padding-bottom:0 !important;
}
.sm-page-widget-galleries .sm-tile-info {
position:static !important;
}
.sm-page-widget-galleries .sm-tile-placeholder-icon {
display: none!important;
}
0
Comments
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
The website is still in legacy mode and thus you can't preview it....However...I have a screen shot of the folder page with the galleries in a list.