chnage first image in template

sandbox
Inactive member
Topic Author
New Member

11 years 11 months ago #25468 by sandbox

chnage first image in template was created by sandbox

Is the image at the top of the page supposed to move? I cant see any way to change the image of the trees and sky and there is no option to click to chnage season?

how do I chnage this image?

sandboxeducation.co.uk/

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 11 months ago #25476 by ivan.milic

Replied by ivan.milic on topic chnage first image in template

See in layout.css:

.fullwidth {
background: url(../images/custom/town_summer.jpg) no-repeat bottom;
background-size: cover;
}

you can modify it there

Please Log in to join the conversation.

piprees
Inactive member
New Member

11 years 11 months ago #25648 by piprees

Replied by piprees on topic chnage first image in template

How do i locate the code to amend the second image (the winter one)

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 11 months ago #25664 by ivan.milic

Replied by ivan.milic on topic chnage first image in template

In index.php of template:

Code:

<script type="text/javascript">
	jQuery(".subtext").toggle(
		function () {
			jQuery('.fullwidth').css('background-image','url(<?php echo $template_path; ?>/images/custom/town_winter.jpg)');
		},
		function () {
			jQuery('.fullwidth').css('background-image','url(<?php echo $template_path; ?>/images/custom/town_summer.jpg)');
		}
    );
</script>

The following user(s) said Thank You: piprees

Please Log in to join the conversation.

piprees
Inactive member
New Member

11 years 11 months ago #25666 by piprees

Replied by piprees on topic change first image in template

Great solved that, now though the first image wont resize when i change the browser size - am i missing something?. stylebyaaron.co.uk/newbuild

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 11 months ago #25669 by ivan.milic

Replied by ivan.milic on topic change first image in template

Background behaves as background-size:cover;

In layout.css:

.fullwidth {
background: url(../images/custom/mens_style_logo.jpg) no-repeat bottom;
background-size: cover;
}

you can maybe change it to contain and put background-position:center center;

Please Log in to join the conversation.

Time to create page: 0.148 seconds