modifying the "blank" css in imagefield to control how imagefields display (help!)
| Project: | ImageField |
| Version: | 6.x-3.x-dev |
| Component: | User interface |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
okay, so i'd like to modify the blank css that ships with imagefield to change how my imagefields are displayed (correct way to do this?)
right now, i have two imagefields: field_mainpic (only one image allowed) and field_pics
fields are displayed in nodes and teasers using imagecache presets (thumbnail, profilepics, storysize)
so for example, right now the 'unlimited image field' "field_pics" is showing 'profilepics' at the bottom of a node - they're basically just a bit larger than thumbnails and conjure up a lightbox gallery
...but they display in a vertical stack with ZERO spacing! i'd like change that, have them stacked horizontally and then scroll to next row for when there are many (using acquia marina theme, so main column is only like 500ish pixels with two sidebars, so if i've got ten pics set to 180px wide, need a couple of rows)
i've foudn this css snippet that i think may do the trick, but i'm not sure what else i'll need to - cut and edit into imagefield's empty css??
/* ----- CSS for imagefields ---------------------------------------------------------------- */
div.field_pics {
display: inline;
float: left;
overflow: hidden;
margin:10px 10px 10px 10px;
border:1px none #ffffff;
width: 180px;
height: 180px;
}
div.clear_both {
clear: both;
}any advice is appreciated
#1
did you solve this problem? I think I want to achieve the same thing.
#2
have not solved it -tried this with css injector and it got dinged - but i'm using acquia marina theme and perhaps it may work with a local.css that is comign out with the theme's next version (soon)
i was able to manipulate with content templates, but it is NOT accepting padding and so it's no good (images inline floating left are touching the text of the teaser, it looks awful! a views table would look prettier ;)
#3
subscribe
#4
btw, for those looking for just padding around an image to handle that particular issue, imagecache actions module can do this (with a transparency behind the image, set to X pixels on all or any sides)
#5
bummer that nobody has thoughts on this, going to submit a feature request for default styling in blank css!
#6
The default styling of ImageFields was significantly fixed in #397578: Uncouple ImageField from FileField Custom Hooks. Let's open a new issue for any questions you have about the new styling.