Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Address alignment

Address alignment 1 year 3 days ago #50922

Could anybody help please? The billing address in the cart is not aligned to the left of the page (as the shipping and payment options are). How can I change the alignment?
The administrator has disabled public write access.

Re: Address alignment 1 year 2 days ago #51013

  • nicolas
  • nicolas's Avatar
  • NOW ONLINE
  • Posts: 30005
  • Thank you received: 2396
  • MODERATOR
Can you give a link to the shop so that we can see that ?
The administrator has disabled public write access.

Re: Address alignment 1 year 2 days ago #51027

The site is under construction so I have sent a pm with the log-in details. The attached doc is a screenshot of the problem.
Attachments:
The administrator has disabled public write access.

Re: Address alignment 1 year 2 days ago #51115

  • nicolas
  • nicolas's Avatar
  • NOW ONLINE
  • Posts: 30005
  • Thank you received: 2396
  • MODERATOR
You can edit the front end CSS file via the Display tab of the configuration and remove the code:
.hikashop_checkout_address {
clear: both;
width: 700px;
margin: auto;
}
That we remove the centering on the addresses.

For addresses, you should try that modification:
www.hikashop.com/en/forum/4-how-to/20927...ll-to-addresses.html
The administrator has disabled public write access.
The following user(s) said Thank You: morgan audio

Re: Address alignment 11 months 4 weeks ago #51438

Thanks Nicolas, that works fine. Could I trouble you for one more thing - how do I get my continue shopping pop-up and add to cart button to look likr your demo?
The administrator has disabled public write access.

Re: Address alignment 11 months 4 weeks ago #51539

  • nicolas
  • nicolas's Avatar
  • NOW ONLINE
  • Posts: 30005
  • Thank you received: 2396
  • MODERATOR
You should look at the CSS of these on our demo website using firebug.
Firebug is really handy to get CSS from other websites and tweak it directly on the page to see if it does what you want.
Here is a tutorial:
www.tutorial9.net/tutorials/web-tutorial...opment-with-firebug/

We use that CSS:
.hikashop_product_quantity_main .hikashop_product_stock .button {
color: #167E93;
font-weight: bold;
background-image: url(../images/add_cart.png);
background-repeat: no-repeat;
background-position: right;
height: 32px;
padding-right: 40px;
background-color: transparent;
cursor: pointer;
}

#hikashop_add_to_cart_continue_div .hikashop_cart_input_button {
background-image: url(../images/shopping.png);
background-position: right;
background-repeat: no-repeat;
background-color: transparent;
color: #167E93;
padding-right: 45px;
height: 40px;
font-weight: bold;
}

#hikashop_add_to_cart_checkout_div .hikashop_cart_input_button {
background-image: url(../images/checkout.png);
background-position: right;
background-repeat: no-repeat;
background-color: transparent;
color: #167E93;
padding-right: 45px;
height: 40px;
font-weight: bold;
}
The administrator has disabled public write access.
The following user(s) said Thank You: morgan audio
  • Page:
  • 1
Time to create page: 0.231 seconds

Follow hikashop on Twitter