REMOVE WHITE BORDER UNDER IMAGE BANNER

[365boogs]

Hi i am struggling to remove the white border underneath my image banner on password page (image attached)

please help!!!

My store url is 365ldn.com

[DaisyVo]

Hi @365boogs i see it look good, please double check on this

[365boogs]

Hi daisy @Daisy_12

thank you for quick reply.
i am confused because it is still there for me?

are you using mobile?

[DaisyVo]

Hi @365boogs its on mobile

[365boogs]

@DaisyVo i am confused because i have asked a friend and it is there for them as well, it could be down to which phone you are using, what iphone are you viewing from? do you have any css i can post that will remove it?

[EBOOST]

Hi @365boogs ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css
3. Add code below to end of file

.password-main .banner__media,
.password-main .banner__media img {
	position: static !important;
}
.password-main .banner__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: inherit;
}

.password-main .banner {
	height: inherit;
}

[365boogs]

I tried using chrome instead of safari and it is still showing (even bigger)

@DaisyVo

[365boogs]

@EBOOST hi there, it is still showing up after doing as you said, can you check the url on mobile please 365ldn.com

[365boogs]

as you can see i posted the css at the bottom, have i done it right? @EBOOST

[EBOOST]

Hi,

In the base.css have a bug. You can refer screenshot to fix it.

[365boogs]

THANK YOU SO MUCHHH!!!

i have one more question

on my contact page i have a white box under the email form, do you have any css that will fix that? @EBOOST

[EBOOST]

Hi,

Could you please give me password? I can’t access to take a look it.

[365boogs]

I have private messaged you thank you

[EBOOST]

Hi,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code
2. Assets/base.css
3. Add code below to end of file

body.contact {
  background: #000 !important;
}

4. Layout/theme.liquid

5. Find “<body”. Add code “{{ page.handle }}” after ‘class="’

[365boogs]

it is still there, have i put the code in right? @EBOOST

[EBOOST]

Hi,

You should be add a space between {{ page.handle }} and gradient as well