This topic is locked
[SOLVED]

 Bootstrap theme... image as page background on single page only?

11/4/2018 12:25:00 AM
PHPRunner General questions
woodey2002 author

Hi Guys,
I am using the default bootstrap there, I am trying to add a background image to just my projects login page.
I have found this example using CSS in the Runner manual...
Example 19. How to set the image as the page background

--------------------------------------------

body {
height:100%;
background:transparent url("/images/some_image.jpg") no-repeat center center fixed;
background-size:cover;
}

------------------------------------------
This works well except it adds the same image to every page in my project.
With the default bootstrap theme, has anyone figured out a way to add a image as a page background to a single page only e.g. just a login page?
Best wishes,

James

admin 11/5/2018

Check this for inspiration:

https://xlinesoft.com/blog/2013/10/26/building-a-nice-looking-login-page-with-custom-css/
Also in PHPRunner 10 it is easy to assign CSS to selected page or even to a single element on the page.

woodey2002 author 11/7/2018

Thanks Sergey,
I have upgraded to v10 now and I can't recommend it highly enough.
Cheers,

James

HJB 11/7/2018

Proceed to PAGE EDITOR, use "CSS" button on your customized Code as below and you're done!
body.function-list {

height:100%;

background:transparent url("https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=86307&image=1&table=forumreplies";) no-repeat center center fixed;

background-size:cover;

}