Sizing of title image

[fermain]

I am new to Actinic so am struggling a little bit.
I am designing a shop in Smart theme and have put a title image at the top of the page. I have sized the image to fit my screen, however when its viewed in different screens or not maximized the title image is too big. How do you scale the title the same way the rest of the page does.
Regards
Martin

[NormanRouxel]

You can't really do this as you wish.

Images on web-pages are a fixed number of pixels across and down. You usually have to choose a title image that is less wide than a typical screen. Say 770 pixels maximum width (anything more won't fit on a 800 wide screen and there are still a lot of them out there).

If you choose a very wide image then it will force the displayed page to be that wide. This means that your page content will be too wide (even on small screens) - making it hard work for the customer as they'll have to scroll left and right to see everything.

[fermain]

Thanks Norman, I thought as much, but I've seen people have such a wealth of knowledge I thought I would ask the question.
Now another problem!!! I've changed the image and made it smaller. I go into Settings/Site Options and change the file name for the Companylogo and click apply/ok. But no change??!! I can change the file to anything and it won't change on the preview??? Its like the company logo image is locked. Any ideas folks, please
Regards
Martin

[NormanRouxel]

Settings / Site Options / General / Site / Company Logo Image works fine for me.

Switch to Design mode and click the logo image. The Layout code should be titled "Standard Company Logo Image" and should contain

<img
	src="<actinic:variable name="CompanyLogoFileName" />"
	width="<actinic:variable name="CompanyLogoWidth" />"
	height="<actinic:variable name="CompanyLogoHeight" />"
	alt="<actinic:variable name="StoreName" />"
	class="logoimage" />

[pinbrook]

I have sized the image to fit my screen, however when its viewed in different screens or not maximized the title image is too big. How do you scale the title the same way the rest of the page does.

the key to this is to have your image made up of several images all of which blend into a background colour.

then the "whole image" can expand and contract and what you see is the images with more or less background.

see this working look at surf-wax.co.uk/acatalog

there is an image to the left and and image to the right, the rest is background

[fermain]

Thank you Norman, I am an idiot!! I was in a brichure page when I was trying to change the Co logo. Still getting to grips with the way the whole thing is set up. Thanks for your patience and time.
Thanks Jo - I see what you mean in your example, I will play around and see where I get.
Regards
Martin

[fermain]

Jo - a couple of questions that you may be able to answer. I see what you have done on that site, but 1) how do change just the backround colour on the co logo area without changing a lot of other stuff and 2) how do you insert 2 images in the co logo when it only allows you to select one file? Or is there a lot of coding which will probably be beyond my capabilities at the moment?
Regards
Martin

[pinbrook]

you will have to write your own css to control the logos (css is editable in Actinic Style sheet) you will also have to edit the overal layout to add your own images.