How to Resize Site Logos in TomatoCart
Written by Jack Yin Saturday, 8 December 2012
Voice from the community:
Basically when I try to resize the logo by altering the stylesheet the position doesn’t work and the logo gets cropped and I can’t align it with the left side of the page.
Logo size of TomatoCart default template has been 180*150. What if your business already has designed a logo and, unluckily, it looks ugly on the default template?
This blog is rightly about adjusting site logo settings to fit your own logo.
In fact, the logo size is pre-defined in template file. Take the default template glass_gray as example, logo size is defined in file ‘templates/glass_gray/template.php’ as:
$_logo_width = ’180′,
$_logo_height = ’50′;
Any logo uploaded in the admin panel will thus be resized into 180×50.
For a different size, you will have to:
Step 1 Modify the value of the $_logo_width and $_logo_height in the template.php.
For example, if you would like to have the logo to be right in 220×100, you will need to modify as follows:
$_logo_width = ’220′,
$_logo_height = ’100′;
Step 2 Modify the css code.
For the glass gray template, you will need to have the following code in the template/glass_gray/stylesheet.css:
margin: 8px 0 0 25px;
Save your changes and upload the new logo under Admin Panel->Templates->Logo Upload. It should be resized into the new width and height.