Layout Royal CSS Codes

(1)  How to apply background of full height in Layout Royal?  

.layout.royal .royal_card .royal_up { background: none; }
.layout.royal .royal_card .royal_down { background: none; }
.layout.royal .royal_card {
 background-image: url(IMAGE_URL); 
 background-position: 50%;
 background-size: cover;
} 

.layout.royal .royal_card .royal_back { top: 0;}
.layout.royal #royal ion-content {
top: 15vh;  
bottom: 15vh;  
height: 70vh;
} 

Note: You have to change IMAGE URL in above CSS code.

(2) How to hide footer call, whatsapp, weblink icons?

.layout.royal .royal_card .royal_down { display: none; } 

(3) How to change back screen top title background image ?

.layout.royal .royal_on  .royal_up {  
background-image: url(IMAGE_URL); 
background-position: 50%;
background-size: cover;
}

Note: You have to change IMAGE URL in above CSS code.

(4) How to change back screen top title background color ?

.layout.royal .royal_on  .royal_up {
background: #ed145b !important;
} 

Note: You have to change Color Code in above CSS code.