Edit in User Album Page

[induslady]

Hello,

The user album page looks like:

Attachment 130438

I want to reduce the height and width of the outer box as indicated by the red arrow and notice that in Firebug the definition of css - class"picture" for the same as:

.picture {
display: block;
height: 608px;
padding: 10px;
width: 608px;
}
and I want to reduce the width and height to 208px. So defined it as in additonal.css:

.picture {
height: 208px;
width: 208px;
}

but I do not see any changes effected. But in Firebug when I edit these values to 208 px the effect is visible.

Attachment 130440

Notice the red arrow pointing the change in css definitions.
Let me know how to make this change in css.

Thanks.

[napy8gen]

try this.

.picture {
height: 208px!important;
width: 208px!important;
}

[induslady]

Hello napy8gen,

Thanks for the css statements and yes it did helped.

Now in the forum albums page I would like to reduce the outer box indicated by red arrow and increase the picture size as indicated by green arrow.

Attachment 130447

For decreasing the outer box, I added these codes in additonal.css :

#latestalbumcontainer li {
height: 300px!important;
width: 300px!important;
}

and for increasing the picture size I added the below code
img.albumthumb {
width: 300px!important;
}

but not getting the desired results.

Any suggestion?

Thanks.

[induslady]

Hello,

Any suggestions for my above requirement?