Background image

Back to course
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1830

    Mine-Class
    Participant

    Hi

    Some time ago I created a theme to change the background of the profile, which allows me the following code, which works, but when trying to place an image, it does not work for me, clearly changing the code to the image

    page-profile ion-content.non-loggedin{background:#000 !important;}

    CSS with image: page-profile ion-content.non-loggedin{background-image: url(“image.png”); !important;}

    the point is that I put the image in the same folder but the route does not take it, it is as if the image was not there, they could indicate the folder where the image has to go and how it would be the relative or absolute link, to be able to review

    regards

    #1837

    Alex
    Keymaster

    Well place your image in src/assets/images folder and then put this css in src/theme/variable.scss :

    page-profile ion-content.non-loggedin{background-image: url("../assets/images/main_logo.png") !important;background-color: none !important;}

    #1866

    Mine-Class
    Participant

    the only bad thing is that the image moves from one side to another, it is possible to leave it fixed, and that it is adapted to each device, I mean that it is responsive

    but Thanks!

    #1874

    Alex
    Keymaster

    Please remove css given above and try this css  :

    page-profile ion-content.non-loggedin { background-image: url(../assets/images/main_logo.png) !important; background-color: none !important; animation: none; }

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.