Checkout Popup

  • Posts: 1
  • Thank you received: 0
12 years 5 months ago #53061

Hello,

First of all may I say what a wonderful shopping cart you have developed!! B)

I am having a small problem with the PopUp on checkout which I cannot seem to get around.

The problem is that it takes the body width from the main website:

/* Grid Container */
.rt-container {margin: 0 auto;width: 960px;}
body {min-width: 960px;}

So the buttons are too far apart.

I thought about adding the same for Hikashop:

.hikashop_notice_box_content {margin: 0 auto;width: 440px;}

Which will result in the content of this popup being closer together but the page itself is still 960px. There seems to be no way for me to be able to override the body, or at least not that I can find.

Any suggestions?

Your help is much appreciated.

Paul


Screenshot Popup 1: As is originally


Screenshot Popup 2: With added CSS .hikashop_notice_box_content {margin: 0 auto;width: 440px;}

Screenshot Popup 3: Showing buttons together now but in center of 960px page

Attachments:
Last edit: 12 years 5 months ago by Cavalier.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
12 years 5 months ago #53156

Hi Cavalier,

Try to use the same CSS as in our demo HikaShop.

http://www.demo.hikashop.com

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 5 months ago #53233

The problem comes from the CSS of your template. Your template's component.php file should not define a min-width in the CSS...
What you could do is add a:
body {min-width: none!important;}

in the header of the component.php file of your template so that the min-width is not taken into account for the popups.

Please Log in or Create an account to join the conversation.

Time to create page: 0.089 seconds
Powered by Kunena Forum