- Posts: 2
- Thank you received: 0
Change "Environment for all season" images f
11 years 11 months ago #40131
by Hayden
Change "Environment for all season" images f was created by Hayden
Hello,
I want to change the two images on the home page for two new images keeping the "click to change" option. How do I do this?
I see from other posts how to remove it in layout.css but not how to replace them with alternative images
Cheers
I want to change the two images on the home page for two new images keeping the "click to change" option. How do I do this?
I see from other posts how to remove it in layout.css but not how to replace them with alternative images
Cheers
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Offline
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #40139
by ivan.milic
Replied by ivan.milic on topic Change "Environment for all season" images f
In layout.css:
.fullwidth {
background: url(../images/custom/town_summer.jpg) no-repeat bottom;
background-size: cover;
}
and in index.php of template:
<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>
.fullwidth {
background: url(../images/custom/town_summer.jpg) no-repeat bottom;
background-size: cover;
}
and in index.php of template:
<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>
Please Log in to join the conversation.
Time to create page: 0.224 seconds