Extra Space inside the box

[Genesis]

Hi everyone, I’m having a problem with a space inside my fancy box.

I’ve been trying to check all possible problem like an extra padding or wdth or background but no luck., Please help me,. thanks.

[molona]

Padding, margin, background… it is hard to know without the code to acompany this pic

[Genesis]

@molona

hard to know without the code to acompany

I’m sorry i forgot to put my website address:

http://www.skinwhitening101-intl.com/luxxe-white/

When you click on the buy button the fancy box will apear and that’s where the problem goes.

[PaulOB]

That’s quite awkward.

Try something along these lines.

  #fancybox-content {
    border:none!important;
    width:520px!important;
}
#luxxe-white-form h3, #registration-form h3, #luxxe-protect-form h3, #luxxe-slim-form h3, #luxxe-renew-form h3, #whitening-bar-form h3, #power-up-form h3 {
    margin-top:0;
    padding-top:5px;
}
#luxxe-white-form, #luxxe-protect-form, #luxxe-slim-form, #luxxe-renew-form, #whitening-bar-form, #power-up-form , #registration-form {
    padding:10px;
}
#fancybox-outer {
    background: url("http://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/video-background.jpg") no-repeat 0 0;
    background-size:cover;
}

[Genesis]

@PaulOB

padding:10px;

Hi, so what I’ve done so far is this:

 #fancybox-content {
border:none!important;
width:520px!important;
)
#luxxe-white-form h3, #registration-form h3, #luxxe-protect-form h3, #luxxe-slim-form h3, #luxxe-renew-form h3, #whitening-bar-form h3, #power-up-form h3 {
margin-top:0;
padding-top:5px;
}
#luxxe-white-form, #luxxe-protect-form, #luxxe-slim-form, #luxxe-renew-form, #whitening-bar-form, #power-up-form , #registration-form {
padding:10px;
}
#fancybox-outer {

background: url("http://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/video-background.jpg") no-repeat 0 0;
background-size:cover;

so just 1 more. it has an extra spcae at the right side of the box.

[PaulOB]

Hmm something must have changed since I gave that code or the JS is changing the rules.

Try using this block instead of the code I just gave you.

#fancybox-content {
    border:none!important;
    /*width:520px!important;*/
}
#luxxe-white-form h3, #registration-form h3, #luxxe-protect-form h3, #luxxe-slim-form h3, #luxxe-renew-form h3, #whitening-bar-form h3, #power-up-form h3 {
    margin-top:0;
    padding-top:5px;
}
#luxxe-white-form, #luxxe-protect-form, #luxxe-slim-form, #luxxe-renew-form, #whitening-bar-form, #power-up-form , #registration-form {
    padding:10px;
}
#fancybox-outer {
    background: url("http://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/video-background.jpg") no-repeat 0 0!important;
    background-size:cover!important;
}

Basically I removed the width here ( /width:520px!important;/) and set important on the background image.

If that doesn’t work I’ll have to try and make a working copy locally because I think rules are being changed on the fly.