image size

[ayhaner]

hello i need for edit cover image size.. i want make 80px to 250px
I edit style.css there was no change, still the same.

[federica]

Hi ayhaner,
you have to modify the file manually.
Change width="80" to width="other_dimension" in these files:
components/com_abook/views/category/tmpl/default_items.php rows 23 and 25
components/com_abook/views/book/tmpl/default.php rows 46 and 49
components/com_abook/views/author/tmpl/default_items.php rows 24 and 26
components/com_abook/views/search/tmpl/default_results.php rows 35 and 37
components/com_abook/views/tag/tmpl/default_items.php rows 23 and 25

I will fix this trouble in the next version.

[A. Wayne Webb]

hello i need for edit cover image size.. i want make 80px to 250px
I edit style.css there was no change, still the same.

Here is what worked for me.  I wanted a 130 pixel wide image.  First, copy the file <yoursite>/components/com_abook/assets/css/style.css to your computer.  Second, scroll to the bottom of the file and add the following code.

Code Select Expand

div.cover a.modal img{
margin-right: 10px;
width: 130px;
}

Now you need to allow enough space between the image and the text to the right of it.  The changes I made are as follows and yours may be different.

Code Select Expand

div.bookdetails {
/*float: left;*/
float:right;
/*width: 80%;*/
width:86%;
}

div.best {
clear: both;
/*width: 100%;*/
width:86%
padding: 5px 0px;
border-top: 1px solid #dedede;
margin-left:146px;
}

I also added a bit of spacing in between the rating bubbles as follows:

Code Select Expand

div.bookrating span.content_rating img {
margin-left:2px;
}

Hope this helps.

[federica]

Hi A. Wayne Webb
Thanks for your guide!

[A. Wayne Webb]

Hi A. Wayne Webb
Thanks for your guide!

You are welcome Federica.  I try to contribute, being a poor person, by offering whatever help I can to other users.

That being said, I did learn something else after that posting.  Hopefully this will help others as well.  In my article describing the book I have a larger image for the cover.  Such as 00001.png which is 600 pixels wide, making for a large image both in dimensions and file size.  I was using that for the thumbnail.  This meant that when I listed a directory of books it took some time to list them all.

To rectify this I created another file, 00001_a.png, set to the same dimensions as set forth in <div.cover a.modal img>.  Now when I list a category it goes much faster.

Depending on your coding skills, you might in the next version consider taking the image and creating a thumbnail as set forth in the styles.css file.  Or, in the Options of the app have a spot where you can set the dimension by height or width, one or the other.  That way whatever file is placed in Edit book > Book information > Cover image is automatically resized to the desired <div.cover a.modal img> size.  The routine would then take the full size image (00001.png), no matter the dimension, and create the appropriate file (00001_thmb.png).

Cordially,
Wayne