ShoppingCart Module

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #71262

Hi,
can anyone help me. I am having trouble with the alignment of text and tables in my shopping cart.
This would be a great help?
Much appreciated.
Thanks

Last edit: 11 years 6 months ago by LilKidzBoutique.

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #71359

Hi,

These are just css problems, you have to edit the Hikashop css (System>Configuration>Display) in order to reduce the width of your elements.
For example, you can make login field smaller by editing this css file and add something like that:

.hikashop_checkout_login_left_part{
	width:180px;
}
You can then use the "inspect element" option of your browser or firebug to find the class and id to edit.
Here are some tips . Hope it helped :)

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

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #71457

Hi Eliot - is this already in the css file which I have now located or do I put this in as a fresh command line? If so do I have to place it anywere specific?
Thanks

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

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #71475

Sorry I found this part - but I changed it and nothing happened?
Any other help?

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #71480

Are you sure you saved the css?
Did you add it at the end of the file? You have too.

You should also check that the used css is now set to "custom".

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

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #71494

File Attachment:

File Name: CSS_Custom.pdf
File Size:227 KB

Hi.
Yes I saved it and its now called custom.
I have attached a copy of the CSS if that helps.
Ta

Attachments:
Last edit: 11 years 6 months ago by LilKidzBoutique.

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

  • Posts: 81604
  • Thank you received: 13083
  • MODERATOR
11 years 6 months ago #71536

I can see your modification.

You need to flush your browser's cache before looking at the result or you won't see it.

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

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #71673

Hi.
Sorry I have now changed the shopping cart to the left menu just for ease but now the margin is pushing the start to the middle of the menu width. How do I alter this please?
Thanks

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

  • Posts: 81604
  • Thank you received: 13083
  • MODERATOR
11 years 6 months ago #71986

Hi,

That's because of the CSS of your template.

More specifically, it's the line:
padding: 0 20px 0 25px;
of that code:
.leftcol div.module_menu div div div div, .leftcol div.module div div div div, .leftcol div.module_text div div div div {
background: none;
width: 150px;
padding: 0 20px 0 25px;
}
in the file www.lilkidzboutique.co.uk/templates/site...-12/css/template.css
If you remove it, it will display fine.

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

  • Posts: 6
  • Thank you received: 0
11 years 6 months ago #72399

Hi Yes this has fixed the Shopping cart part. but has now thrown out my search box at the top?

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

  • Posts: 81604
  • Thank you received: 13083
  • MODERATOR
11 years 6 months ago #72707

Please note that this is not a problem of HikaShop for of your template.
I'll answer you this time but please contact your template provider for further modifications to the CSS of your template.

You will need to add that CSS:
.module .search {
margin-left: 10px !important;
}

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

Time to create page: 0.073 seconds
Powered by Kunena Forum