Mautic Community Forums

Request: Simple Landing Page Theme with Background Image

Hello, I have a very simple Landing page I want to implement without going through the brain damage of creating a theme and all of that code. Just want to do some basic landing page with a background image that scales to any screen size (code below) and centered text and button to scale as well. Below is the code for perfect background images that scale across screens.







#bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
#bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}


Thank you for any help!
Precords

Hello, I have a very simple Landing page I want to implement without going through the brain damage of creating a theme and all of that code. Just want to do some basic landing page with a background image that scales to any screen size (code below) and centered text and button to scale as well. Below is the code for perfect background images that scale across screens.

#bg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; } #bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; }

Thank you for any help!
Precords