I want to have the site start with a splash page/welcome page. I can get the page to operate within the menu and understand the splash page option. However I can't figure out how to have that splash page have a big background image rather than just the html content and enter/leave. I could not find anything about splash page background in CSS or in any help here.
Thank you,
GP
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
Background Image For Splash Page only | Forum
Leader Darryl B
Dec 28 '16
Go to admin/pages/special pages. html can go in the splash page box. Just add <style> to the beginning of the page before the line that says "Are you sure you want to enter this website?".
<style>
.ow_page_wrap {
background-image:url("your image url");
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
<style>
.ow_page_wrap {
background-image:url("your image url");
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
Rick
Dec 30 '16
Thanks Darryl!
I sort of figured it would be something like that but am afraid to break anything as it is mostly working well so far. I assume I can control the messages/text as well as fonts in the style and that it is only for that page. Very powerful!
Thanks again!
I sort of figured it would be something like that but am afraid to break anything as it is mostly working well so far. I assume I can control the messages/text as well as fonts in the style and that it is only for that page. Very powerful!
Thanks again!
Leader Darryl B
Dec 30 '16
You're welcome. You should be able to style the text as well. You just need to find the element on the page that contains the text, and use the element to define your style like I did in the example with the ".ow_page_wrap". Just use inspect element on the splash page to find the element to style.
Leader Darryl B
Dec 30 '16
Here is the element to style the text.
.splash_screen_cont {
color: your color;
font-size: your size;
font-family: your font-family;
}
.splash_screen_cont {
color: your color;
font-size: your size;
font-family: your font-family;
}
Leader