changing the home page image size

[stitchnkitty]

Upgrade from PHP 5.6
Version 1.5.7
to 2.1.0 and PHP 8.0
stitchnframeonline/S N F s t o r e
I was hoping to just shift my old customizations files that I spent months on to get it the way I wanted over to the upgraded site but that did not seem feezable.
So starting from step one.
I have been reading for 2 days on the forum but it is a struggle.
Have gotten a few things changed but still a long way away.
How to
resize that massive pic in the middle of the home page.- I am sure it is obvious but it has been 8 hours today and nothing is jumping out at me
TIA

[barco57]

make the image smaller and/or declare the width in the html

[stitchnkitty]

I would like to control the image thru the html coding but what I have tried is not resulting in any change therefor I am assuming I am not in the correct srea.

[stitchnkitty]

includes/language/english/stitch/lang_header.php

'HEADER_LOGO_IMAGE' => 'cover1.jpg',
'HEADER_LOGO_WIDTH' => '125',
'HEADER_LOGO_HEIGHT' => '100',
changed from 254 to 125 and 254 to 100

[balihr]

In what area are you and what did you try to do?

This image seems to be added in your define page, meaning you can edit from admin->Tools->Define Pages Editor->define_main_page.php

I have just added a style tag and it worked on my end:

<img style="max-width:100%" src="images/large/cover1.jpg" alt="Stitch N Frame">

Keep in mind this is not the best approach in long term - the file is simply too big. The original image is 1800x1039 and 470 kB. You will never display it larger than 1600px (your container size) so you could resize the image, and then you could optimize it (tinypng or similar). I got it down to 249 kB.

But... Why are you using template_default, is something wrong? Why not Responsive Classic, or even better the NEW responsive classic or ZCA Bootstrap templates?

[stitchnkitty]

it has been over 10 years since my original customization and i was trying to reproduce the appearance and this is the way I was familiar with.
I have read over the years of custom templates that were offered for download and the problems were something that I did not want. Also I did want something unique to my industry. unfortunately since my old site is not usable i can show where I am going.
i have read a very little bit about responsive classic -
What I am going for is a small banner pic with a description to the right, description of our shop and hours with location.
Breadcrumbs and the
the main body has updated description or our shop and slideshow - on the right is my manufacturers in the sideboxes along with other informationBoxes on the right with our manufactures
So then will this be easier to back up and go to the Responsive Classic and how do you recommend to start over?

[barco57]

The default template is not supposed to be used for the site. In fact, there is no selection to choose it. I suspect that you brought the database over for the upgrade from the original site, and it is set to your Stitch custom template, which doesn't exist for it to be found so it just goes to displaying the default template, also causing the overrides not to work. I also suspect that your original template was a customization from the classic template, which also is not really a template you would use today, as it doesn't do responsive for mobile devices.

Looking at your site on the wayback machine to see what it looked like in the latest snapshots, the basics of what your site is should be up and running in an afternoon.

Also, I did want something unique to my industry.

- I was the original web developer for the Heaven and Earth Designs website for more than a decade, and I am not sure what you are doing on the site that is unique for the needle arts niche.

[stitchnkitty]

TY for the insight - I am in the middle of rebuilding the stitch so I can imagine it would not valid yet....
since I have been adding the override file(stitch) as i have been customizing. Would it be bad that these folders(files) be left or do I need to go bad and find these and delete afte the classic is completed? TIA

[stitchnkitty]

Looking at your site on the wayback machine to see what it looked like in the latest snapshots, the basics of what your site is should be up and running in an afternoon.

OH!! your have so much confidence in my ability - LOL!! Will go for the Responsive Classic and give it a whirl.
TY

[stitchnkitty]

Using an image editor, create a new background graphic and save it to includes/templates/YOURTEMPLATE/images/yourheaderimage.jpg.

Now open your stylesheet.css and find or add the following code.

#logoWrapper {
width:760px;
height:110px;
background-image:url('../images/yourheaderimage.jpg');
background-repeat:no-repeat;
}

this is in your docs and the image has been loaded but unfortunately I can not find the styleshet for this adjustment as quoted above.