How can I adjust the password icon and image size on my Dawn theme page?

Store Design
, ,
1

19638754-E142-4C8D-9B86-87FD637F6101.jpeg
19638754-E142-4C8D-9B86-87FD637F6101.jpeg1170×2532 264 KB

As per the photo attached I’ve been trying to get the password icon moved to the right and the image to actually fill the page is someone able to help me do this?

2

Hi @Sundayandoak
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.gradient {
background-size: cover;
background-position: top center;
}
3

@Sundayandoak
Hello,

.password-header {
	float: right;
	display: block;
}

Add this CSS at the bottom of Online Store-> Theme->Edit code->Assets->base.scss.liquid or section-password.css

Like This

oscprofessional_0-1667992698582.png
oscprofessional_0-1667992698582.png531×644 370 KB

4

To change change lock icon you can try to add this code

password-modal .modal__toggle{
position: absolute;
right: 20px;
top: 25px;
}
5

Thank you so much that worked! - The mobile view is all done perfectly however the desktop view the background image is waaaay too big - is their a code to fit it too size to look like the mobile view?

6

@Sundayandoak ,

Please share the password.