Groups keyboard shortcuts have been updated
Dismiss
See shortcuts

Background image on login page

50 views
Skip to first unread message

mraw...@immij.com

unread,
Oct 30, 2024, 11:57:04 PM10/30/24
to XMPie Interest Group
Hi All

I am using the Aqua Blue theme and want to put an image in the background of the login page. Could someone please help me with this.

Thanks

couch

unread,
Oct 31, 2024, 6:23:00 PM10/31/24
to XMPie Interest Group
Something like this should help you in the right direction. 
Add it to the Custom CSS section of the store's theme editor and check that it doesn't impact anything else in the store UI.


.ustore_Login {
  background-image: url("https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA4L3Jhd3BpeGVsb2ZmaWNlMjBfYV9wYWludGluZ190ZXh0dXJlX29uX3BhcGVyX2VhcnRoeV9jb2xvcnNfYnJ1c182ZDgwZGUxMy0xNTQ4LTQ2YjEtOWY5NS00MTE0MTI3OTFhZmZfMS5qcGc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
}
.LoginMaster #bodyarea{
  background-color: transparent;
}
.LoginMaster .mainareaFullWidth {
  background-color: transparent;
}
.LoginMaster #tblSignIn {
  background-color: rgb(255 255 255 / .5);
}

Reply all
Reply to author
Forward
0 new messages