- Posts: 4
- Thank you received: 0
Address alignment
- morgan audio
-
Topic Author
- Offline
Less
More
14 years 4 months ago #50922
by morgan audio
Address alignment was created by morgan audio
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?
Please Log in or Create an account to join the conversation.
14 years 4 months ago #51013
by nicolas
Replied by nicolas on topic Re: Address alignment
Can you give a link to the shop so that we can see that ?
Please Log in or Create an account to join the conversation.
- morgan audio
-
Topic Author
- Offline
Less
More
- Posts: 4
- Thank you received: 0
14 years 4 months ago #51027
by morgan audio
Replied by morgan audio on topic Re: Address alignment
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.
Please Log in or Create an account to join the conversation.
14 years 4 months ago #51115
by nicolas
Replied by nicolas on topic Re: Address alignment
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
.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 following user(s) said Thank You: morgan audio
Please Log in or Create an account to join the conversation.
- morgan audio
-
Topic Author
- Offline
Less
More
- Posts: 4
- Thank you received: 0
14 years 4 months ago #51438
by morgan audio
Replied by morgan audio on topic Re: Address alignment
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?
Please Log in or Create an account to join the conversation.
14 years 4 months ago #51539
by nicolas
Replied by nicolas on topic Re: Address alignment
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;
}
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 following user(s) said Thank You: morgan audio
Please Log in or Create an account to join the conversation.
Time to create page: 0.156 seconds