How could I change the picture size so I can display smaller pictures but more of them?
Thank you.
Mark

Comments

d------’s picture

d------ commented

Hi Mark,

You can control the number of pictures in the locks settings and the size is easy to control using CSS. If you really want to force the images to be smaller and not just display smaller then you will need to add that logic to the modules code. I don't think it will be necessary unless you have a very high traffic site though or limited resources.

Thanks,

Dan

d------’s picture

d------ commented
Status: Active » Closed (works as designed)
markflyer’s picture

markflyer commented

I just wanted to display a smaller picture size so I can get more pictures. I have added the below text to the .module and .css but nothing happens. could you help me?
Mark

.MODULE - BELOW

/**
* Implementation of hook_init().
*/
function latest_members_init() {
drupal_add_css(drupal_get_path('module', 'latest_members') .'/latest_members.css');
if (!isset($_SERVER['REQUEST_TIME'])) {
$_SERVER['REQUEST_TIME'] = time();
}
}

.CSS - BELOW

#latest-members {
height: 75px;
width: 75px;
overflow: auto;
}

markflyer’s picture

markflyer commented
Status: Closed (works as designed) » Active

I just wanted to display a smaller picture size so I can get more pictures. I have added the below text to the .module and .css but nothing happens. could you help me?
Mark

.MODULE - BELOW

/**
* Implementation of hook_init().
*/
function latest_members_init() {
drupal_add_css(drupal_get_path('module', 'latest_members') .'/latest_members.css');
if (!isset($_SERVER['REQUEST_TIME'])) {
$_SERVER['REQUEST_TIME'] = time();
}
}

.CSS - BELOW

#latest-members {
height: 75px;
width: 75px;
overflow: auto;
}

d------’s picture

d------ commented
Category: feature » support

Hi Mark,

You don't need to edit the PHP but to help you with the CSS can you post up your HTML output or a link to your website? I'll check out the CSS and try and help.

You should have a CSS class on each picture that might look like this:

<img src="/system/files/pictures/picture-287.jpg" class="latest-member" alt="View dans profile">

The class is "latest-member" so in your CSS you need for example:

.latest-member {
width:  75px;
}

If this still won't work then maybe it's being overridden somewhere else, in which case try:

.latest-member {
width:  75px !important;
}

I noticed in your CSS you tried #latest-members which is for an ID and not a class - so maybe that is part of the problem? :)

Thanks,

Dan

d------’s picture

d------ commented
Issue summary: View changes
Status: Active » Closed (works as designed)