Home› Themes

How to fill thumbnail image to block with default dark theme? - Please help

mod360s Member
in Themes
Hey all,

I am no good with .CSS - I really tried to figure this out myself but to no avail...

I am trying to modify the default dark.css template file

I want the album thumbnail displayed on the homepage to fill the whole block and have a little padding around it for a border. I also want the text description to be underneath the block, and not next to the thumbnail image...

Please view this image to get a better understanding of what i want to achieve:

BEFORE = How it looks now, AFTER = Layout i am trying to acheive

http://img193.imageshack.us/i/testckk.jpg/

Exactly the same sort of setup like on this website is my goal:

www.cgartworld.com

Comments

  • sbillard Member
    What you want to do is more than a CSS change. You also want to have a different sized thumbnail. For that you will have to change the thumbnail croping or change the theme PHP script.
  • mod360s Member
    Thanks - I really want to figure out the text part at this stage - How easy is it to get the title and description of your albulm below the thumbnail using the Default Theme as per my image comparison in the first picture?
  • sbillard Member
    The simplest method would be to insert a `
    ` before the description is printed.
  • mod360s Member
    Thanks :) I managed to get it looking the way i want. I had to edit the Theme Options and use the Crop Width and Height,

    Now my only concern is that the cropped image thumbnails are cutting out too much of the image (basically i can only see the middle part of the image in the thumbnails).

    I know i have made it worst by adjusting the crop width and height in admin theme options, but is there any way to make this look more normal (display more of the picture in the thumbnail like how it used to be before adj crop settings)????

    I have tried playing with the cropped adjustment settings to no avail...

    Thanks again - your support has been great :)
  • acrylian Administrator, Developer
    Look at the comment within the file `zp-core/i.php`. That explains in detail the image processing functionality. These parameters equal the ones of the custom image functions.
  • sbillard Member
    Make the crop size equal to the largest of your new height/width
  • mod360s Member
    Thanks. I Need only one final tweak and i have everything looking just the way i need....

    I am editing the dark.css style from default theme, and have managed to override the album thumbnail setting so that it is height/width independent to my image thumbnails,

    As i have overrid the setting, it has caused the thumbnail to look extremely blurred and pixelated. Can the dark.css understand crop image commands? because i cannot seem to use the "cw" or "$cw" to alter crop settings for images...

    Here's what i have done to alter my album thumbnails width and height independent to my image thumbnails in the albums themselves(i have created the height and width line within .album a img tag)

    /* Album Thumbnails
    ------------------------------ */
    .album a img {
    height:176px;
    width: 288px; }

    Please help...
Sign In or Register to comment.