Terms and conditions floating.

Hi,

I have a weird thing going on... when you proceed to checkout, I need people to agree with my Terms. problem is that they just move along with the screen but the checkbox is way on the bottom of my other page and not on the terms page. I know I can replace the checkbox but not even close to the terms. Also for some reason the checkbox checks itself...

If you copuld check my webshop you can see it. pottery4you.com. It's really the last thing and he's finished so any hand would be welcome!

Plus how can I change the color of the next button?

Thanks,

Glenn

Hi,

1. Can you show me exactly what do you want to do through some screenshots for example ?

2. I think that you'll be able to do it with some CSS code.

I have to do it like this cause my printscreen button doesn't respond.

On the first pic you see this little bar on the screen that says please agree with terms and conditions. I would like this to be just on the normal page.
On the second pic you see that this little bar moves along with the screen. I scrolled down and there is the little checkbox already checked by itsefs.

So what I'd like is that this little bar dissapears and that everything is on one page.

Thanks for the quick response!!

Glenn

photo's don't upload... don't get it... can I mail them?

Ok, I've put div infront of modal and it doesn't seem to work... I must admit that my coding skills are practically non existing...

Any chance of you taking a peek?

Glenn

Sure, can you give me a link to your website ?

thanks!

it's pottery4you.com

once you add an item to your cart and proceed to the ceckout you will see my terms and conditions floating around and the checkbox not even close.
I wil send you the login details in a private message.

thank you!

Thats because the class modal is applied on it to display the content in a popup.
But your template edit the class modal, you can correct that by adding some css properties to:

.hikashop_checkout_terms .modal{
position: relative !important;
top: auto !important;
left: auto !important;
width: 100% !important;
margin-left: 0px !important;
background-color: transparent !important;
border: 0 none !important;
border-radius: 0px !important;
box-shadow: 0px !important;
}

ok Thanks!! But like I said this is the part where I lack the knowledge... So where exactley do I paste this?

thanks

You can read that tutorial to see where to change/add a css property:
www.hikashop.com/fr/support/documentatio...ize-the-display.html

ok, found it. i first changed it in element and it did what i wanted. ofcourse the I have to find it in the css of my template... I did but then it doesn't change a thing...

Hi there,

If you add the code Xavier gave you at the end of the Hikashop front-end css file (in System>Configuration>Display>CSS) I think it should work.

got it! thanks!!!

Hi,
i have a similar problem with the terms of condition pop up. the terms will be display on the bottom left of the site.

How can i fix it?

thanks in advance

Zafer

Thank You Jerome,

you are the best..



Zafer