Background image on the login page

I would like to know if is possible to put a background image in that purple area.

1 Like

Check this example: Adding designs to pages - #7 by Blinq

You may need to play a little with the CSS and the image you use until you get it in the right position.

5 Likes

Muchas gracias, I’m going to check.

4 Likes

@cocococosti Thanks, they seem like good options to me but I didn’t find something specific for the area I want to modify. :pensive:

I don’t think you can add an image only in that specific area.

I would use modified image with blank space to the left, so the main part of the image is visible in the right. Just like in Adding designs to pages - #8 by awesomerobot he used an image that has a character to the left, you’d do the oppposite to the right.

Mind you, I haven’t tested this :sweat_smile:

2 Likes

Good idea Chica, I’ll try that option :heart:

2 Likes

@cocococosti It’s working now :heart:

.login-modal.in .modal-inner-container {
    background: url(https://i.imgur.com/mVKgXn0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-right: 350px;
}

Thank you so much! :heart:

2 Likes