Page 1 of 1
Background image on membership_signup page
Posted: 2019-09-14 12:28
by Moh Youba
Hello
I am using AppGini 5.76.
Any help to add background image on membership_signup.
Thank you
Re: Background image on membership_signup page
Posted: 2019-09-15 10:41
by pbottcher
Hi,
you can add the following to the header-extras.php in the hooks directory
Code: Select all
<script>
$j(function() {
$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("YOURIMAGELINK")');
});
</script>
Where YOURIMAGELINK points to the image you want to display.
Re: Background image on membership_signup page
Posted: 2019-09-15 12:36
by Moh Youba
Hello
When I put code like this
<script>
$j(function() {
$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("images/bgrim.jpg") no-repeat fixed center center / cover;');
});
</script>
Nothing is showing

- code-1.jpg (87.74 KiB) Viewed 6481 times
When I put like this
<script>
$j(function() {
$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("images/bgrim.jpg")');
});
</script>
I get this

- code-2.jpg (90.6 KiB) Viewed 6481 times
but here what I am looking for

- no-images.jpg (70.98 KiB) Viewed 6481 times
Thank you
Re: Background image on membership_signup page
Posted: 2019-09-15 13:25
by pbottcher
Hi,
try
Code: Select all
<?php
$current_page=basename($_SERVER['SCRIPT_FILENAME']);
If ($current_page == 'membership_signup.php') {
?>
<script>
$j(function() {
$j('body').css({'background-image': 'url("images/bgrim.jpg")', 'background-position': 'center', 'background-repeat': 'no-repeat','background-size': 'cover', 'height': '100%'});
});
</script>
<?php
}
?>
Re: Background image on membership_signup page
Posted: 2019-09-15 14:36
by Moh Youba
Hi
Thank very much for your help. Working fine

- arriere plan de toute la page.jpg (133.96 KiB) Viewed 6476 times