Make password page footer transparent in Dawn theme

[tae0207]

Hi!

I would like to make my password page footer transparent so my image would cover the entire page. The header is already transparent and fixed but can’t figure a way to make the footer transparent.

Website: theathelite.co

Thanks in advance!

[Sinchain]

Hello @tae0207

Thank you for reaching out to the Shopify community.

Here are the steps:

1. Navigate to the theme editor Online Store → Themes → Edit Code.

2. Search for the asset named as section-password.css, open the file and add the below code at the end of the file:

footer {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0px;
    top: 100%;
    bottom: 0px;
}
.password__footer{
    background: inherit !important;
}
.list-social__link{
   color:#fff !important;
}

Save the changes and please have a check once. Let me know if this was helpful.

Thanks.

[tae0207]

On mobile the social media icons have moved onto the backround image but on desktop they are hidden under a white bar at the bottom of the page. Main reason for making the footer transparent is for the social media icons to appear. I added screenshots of both

[MattsBe]

Hey,

Is there a solution to this problem yet?

[tae0207]

Not yet unfortunately