Half image on custom login page, Fordson theme for Moodle 3.4

Half image on custom login page, Fordson theme for Moodle 3.4

by Teresa Barrán -
Number of replies: 5 

Hello everyone. 
I would like to start by apologizing for my poor English. 
I am currently using Moodle 3.4 with the Fordson theme, I tried to customize my login page but the background image is cut, I tried to decrease and increase the size but nothing worked. Please help me, I am very new to these issues. 
Thank you!

                        

    
    
    
                            
    
    
                                

                                        
Average of ratings:  - 

                                        
                                

    
                            
                    

                

            

        

    
        

                

                    

                        
                
                        

                            

                                        

                                                
                                        

                                

                                        In reply to Teresa Barrán
                                        
Re:  Half image on custom login page, Fordson theme for Moodle 3.4

                                        

                                            by Gareth J Barnard - 
                        

                                

                
                                        

                                                        Picture of Core developers
                                                        Picture of Particularly helpful Moodlers
                                                        Picture of Plugin developers
                                        

                            

                
                            

                
                                

                                    

                                        
What version of the theme please?


A screen shot would really help to understand the issue.

                                    

                
                
                
                                        
                
                
                                            

                                                    
Average of ratings:  - 

                                                    
                                            

                
                                        
                                

                            

                        

                    

                
        

                

                    

                        
                
                        

                            

                                        

                                                
                                        

                                

                                        In reply to Gareth J Barnard
                                        
Re:  Half image on custom login page, Fordson theme for Moodle 3.4

                                        

                                            by Teresa Barrán - 
                        

                                

                
                                        

                                        

                            

                
                            

                
                                

                                    

                                        
Hi!
Is Fordson v1.7.1 2018111500 (2018111500)
This is the image that i want to put:

and this is how it looks when I put it on


I need the whole image to be seen (I also tried different images and sizes but nothing works). 
 Thank you!


                                    

                
                
                
                                        
                
                
                                            

                                                    
Average of ratings:  - 

                                                    
                                            

                
                                        
                                

                            

                        

                    

                
        

                

                    

                        
                
                        

                            

                                        

                                                
                                        

                                

                                        In reply to Teresa Barrán
                                        
Re:  Half image on custom login page, Fordson theme for Moodle 3.4

                                        

                                            by Gareth J Barnard - 
                        

                                

                
                                        

                                                        Picture of Core developers
                                                        Picture of Particularly helpful Moodlers
                                                        Picture of Plugin developers
                                        

                            

                
                            

                
                                

                                    

                                        
Ok, have you used the browser development tools to work out what CSS you need to change?

                                    

                
                
                
                                        
                
                
                                            

                                                    
Average of ratings:  - 

                                                    
                                            

                
                                        
                                

                            

                        

                    

                
        

                

                    

                        
                
                        

                            

                                        

                                                
                                        

                                

                                        In reply to Gareth J Barnard
                                        
Re:  Half image on custom login page, Fordson theme for Moodle 3.4

                                        

                                            by Teresa Barrán - 
                        

                                

                
                                        

                                        

                            

                
                            

                
                                

                                    

                                        
I am very new to this, I have tried but can't find anything about image size, sorry.



                                    

                
                
                
                                        
                
                
                                            

                                                    
Average of ratings:  - 

                                                    
                                            

                
                                        
                                

                            

                        

                    

                
        

                

                    

                        
                
                        

                            

                                        

                                                
                                        

                                

                                        In reply to Teresa Barrán
                                        
Re:  Half image on custom login page, Fordson theme for Moodle 3.4

                                        

                                            by Richard Oelmann - 
                        

                                

                
                                        

                                                        Picture of Core developers
                                                        Picture of Particularly helpful Moodlers
                                                        Picture of Plugin developers
                                                        Picture of Testers
                                        

                            

                
                            

                
                                

                                    

                                        
The bit you are looking for which is affecting the image size is the background-size: cover

If you need the whole image seen you will need to make that background-size: contain


So in the customCSS setting of the theme try adding

body#page-login-index {background-size: contain;}


https://www.w3schools.com/cssref/css3_pr_background-size.asp

                                    

                
                
                
                                        
                
                
                                            

                                                    
Average of ratings:  -