As per the attached image, how can I move the product options further to the left?
I have tried editing several stylesheets but I can’t find it anywhere.
Would really appreciate some help.
Also, upon checkout there is no ‘Login’ button for registered customers to login. The Username and Password boxes are there, but no button to submit the information.
|
|
You could try for product options:
.options .form-group > label {
min-width: 100px
}
Have you checked the source code if the login button is present but just hidden?
-
This reply was modified 2621 days ago by WebForm.
|
|
Thanks, where would I find this code? In what stylehseet?
I have looked at the source code of the checkout page but no login button is present.
The formatting is also messed up.
|
|
Just put the code into the Custom Stylesheet field in your BurnEngine Control Panel:
“BurnEngine => Theme Options => Custom”.
No need to change the original source files.
Have you changed the template or other files for the checkout page?
Maybe if you could post the shop url?
|
|
I’ve added that, thanks.
The url is http://bit.ly/2lhwzd6
|
|
The login button is there – Just very far to the right!
If you have edited the checkout template, you maybe have misplaced a div somewhere.
Try to compare the original checkout template and see if you can find something misplaced.
|
|
Do you know if the checkout template is pulled from Shoppica or the default theme? As I’ve replaced the checkout with a fresh copy of the shoppica code but it’s still the same.
|
|
I replaced the checkout.tpl in default and Shoppica and it’s still messed up.
|
|
Hmm! That get me to believe it’s a CSS problem.
And i think i know where;
It seems like you have in your CSS:
.tb_page_account_login .tb_system_page_content .well, #collapse-checkout-option .row > div, #collapse-checkout-option .tb_new_customer_box {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: stretch;
-webkit-align-self: stretch;
align-self: stretch;
width: 100%;
}
The correct CSS is:
.tb_page_account_login .tb_system_page_content .well, #collapse-checkout-option .row > div, #collapse-checkout-option .tb_new_customer_box {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: stretch;
-webkit-align-self: stretch;
align-self: stretch;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
So you have properly changed the CSS at some point.
|
|
Where can I find this file?
|
|
In your theme folder “tb => css => opencart-2.0.css.tpl”.
But be sure to backup files before you edit.
|
|
Hi,
Generally, the two column layout in checkout has been fixed with the latest version. Have you updated correctly? Have you remove any CSS fixes for already solved problems (check changelog)?
BR,
ThemeBurn team
|
|
Hello guys.
I have the same question regarding Move Product Options
And this code did not helped a lot
.options .form-group > label {
min-width: 100px
}
Even if I put 0 instead of 100.
Could you please advise how to move options even more close to option description.
Thank you in advance
|
|
It depends on what theme you use?
Try with max-width instead.
|
|
I use kiddos theme
I tried max – it helped a little, the block moved left but I ques there also some margins between option descriptions and option values
|
|