How do yo manipulate the size of the boxes in home page?

[PeteCas]

Type: Support request

Item Purchase Code: Robust CMS

Is it possible to manipulate the size of the Boxes in the home page? My client wants the one boxes to take up 2 col. and leave the second box as 1 col.

(Then I'll need to create another "large" box and possibly 2 more small boxes.)

Also how can I enlarge the size of the photo in those boxes?

Any suggestions welcome!

Thanks,
Pete

[PeteCas]

I finally figured out how to change the box size on the home page. I wanted to make the main boxes in the home page form 1 col. to 2 col. wide.

I keep thinking they were labeled as "featured boxes" but they aren't. They are labeled as "serviced boxes". So to change the size of the main boxes on the home page just go to your style.css file and look for this area:

/** Main-Cloum **/
#main-colum {height:auto; overflow:visible; float:left; display:block; position:relative;}
#welcome-box {height:auto; overflow:hidden;}
#features-box {height:auto; overflow:hidden;}
.service-box {height:137px; width:300px; margin-right:30px; margin-bottom:15px; margin-top:5px; background:url(images/service-box.png) no-repeat top left; float:left;}

All I changed was the height and width of this line:
.service-box {height:340px; width:630px; margin-right:30px; margin-bottom:15px; margin-top:5px; background:url(images/service-box.png) no-repeat top left; float:left;}

Done forget to go to your image file and enlarge your service-box.png to the sam/new height & width.

Hope this is helpful to someone else!
-Pete

[PeteCas]

To enlarge the size of the photo in the main boxes of the home page go to:
admin > modules > oxymall > plugins > forms > homepage > products > add.xml.

In your add.xml page look for this area:

<item_image valign="top" adminwidth="100" type="image" path="./homepage/" absolute="false" editable="true">
<file default="news_" field="item_id" ext=".jpg" />
<title>Image (24px24)</title>
<error>No photo available.</error>
<process width="24" height="24"/>
</item_image>

All I did was change these two lines:
<title>Image (170px224)</title> (you can delete the "p" from the measurement. It think it was a typo.)
<process width="170" height="224"/>

The first line is the text that you'll see inside your admin panel, so you don't even have to change it, but I decided to since my client will take over the site once it's done. That way he'll know the limits of the dimensions. The second line is what actually changes the dimensions.

I hope this becomes helpful to someone else.
-Pete

[Lourens]

Thanks that was a great post... helped lots!

Much appreciated!!