need some help with coding

I'm trying to insert the image to the protect password page but with the css ::after url (img) is not working well in responsive. So is there anyway to work around in this page.

this is the page url: https://www.tkkinter.com/rat-away/

Please kindly help thx :slight_smile:

  • Adam Czajczyk
    • Support Gorilla

    Hi Bamboo

    I hope you're well today and thank you for your question!

    You can try the CSS like this:

    .post-password-form:after {
    	content:'';
    	background:url('YOUR_IMAGE_URL_HERE') transparent no-repeat;
    	background-size:contain;
    	display:block;
    	width:100%;
    	height:auto;
    	min-height:200px;
    }

    That should help. It seems to scale properly but in case you'd decide it needs some additional adjustments, you can use multiple "versions" of this code (using different width and min-height values) within additional CSS media queries

    Note: please make sure that after adding the CSS or making any changes to already added one you might need to clear cache on site to be able to see those changes applied.

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.