I did create some items that need to be ordered with a minimum of 30 and the Add to cart button was moved down. It doesn't change the size according to the text.
I need to know how can I reduce the Add to cart button.
Thanks in advance
Hello
Give a link to see it.
Best regards
Robert
Please go to the section in home page that says Gifts for Cuba
Please go to the section in home page that says Gifts for Cuba
Hello
Give a link to see it.
Best regards
Robert
Hello
Please try remove in style
.ut2-gl__control.ut2-view-qty .button-container
Line with:
display: inline-block
Not tested
Best regards
Robert
Any other option using the AB Theme configuration?
Hello
Please try remove in style
.ut2-gl__control.ut2-view-qty .button-containerLine with:
display: inline-block
Not testedBest regardsRobert
Please add to the CSS section of the Theme editor the following code
#tygh_main_container .ut2-mid-narrow .ut2-gl__control.bt-2x.ut2-view-qty .button-container {
width: ~"calc(100% - 80px)";
}
My store design went to the hell :-(
please check
www.ponloencasa.com
Please add to the CSS section of the Theme editor the following code
#tygh_main_container .ut2-mid-narrow .ut2-gl__control.bt-2x.ut2-view-qty .button-container { width: ~"calc(100% - 80px)"; }
Please check screenshot
My website has 2 languages Spanish and English
This is what I actually have on my CSS section I don't know if your code could affect another command
.ut2-min-narrow .ut2-gl__control.bt-2x .ty-btn:not(.ty-btn__primary) {
max-width: none;
}
.ty-checkout-summary__item.ty-checkout-summary__taxes {
display: none !important;
}
.side-grid.litecheckout__cart.checkout {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 2.1276595744681%;
margin-top: 98px;
}
.ut2-pn__items > a {
font-size: 15px;
}
.cat-view-grid > ul.subcategories.clearfix {
display: none;
}
.top-grid > .container-fluid-row > .row-fluid > .span8 {
display: flex;
justify-content: flex-start;
align-items: center;
height: 37px;
}
.ty-footer-general__body {
line-height: 2;
}
.ty-footer-menu__item {
margin-bottom: 0px;
}
.ty-payment-icons__item {
margin: 3px;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
margin-left: auto;
}
.top-links-grid .ty-text-links {
margin-top: 9px;
}
.top-currencies {
margin-top: 4px;
}
.top-languages {
margin-top : 4px;
}
.ty-float-left .ty-wysiwyg-content {
margin: 6px;
}
.ElementsApp .InputElement {
font-size: 13px !important;
}
.ty-statistic-list-shipping-method {
.ty-icon-flight:before {
font-family: uni2-icons,sans-serif;
content: "\e955";
font-size: 16px;
}
}
Please add to the CSS section of the Theme editor the following code
#tygh_main_container .ut2-mid-narrow .ut2-gl__control.bt-2x.ut2-view-qty .button-container { width: ~"calc(100% - 80px)"; }
Have you managed to solve the issue? It works if I add the code manually
Hi, I did place the code and nothing. I don't know if I did something wrong. Sorry for the delay, I had my laptop broken for a few days
.ut2-min-narrow .ut2-gl__control.bt-2x .ty-btn:not(.ty-btn__primary) {
max-width: none;
}
.ty-checkout-summary__item.ty-checkout-summary__taxes {
display: none !important;
}
.side-grid.litecheckout__cart.checkout {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 2.1276595744681%;
margin-top: 98px;
}
.ut2-pn__items > a {
font-size: 15px;
}
.cat-view-grid > ul.subcategories.clearfix {
display: none;
}
.top-grid > .container-fluid-row > .row-fluid > .span8 {
display: flex;
justify-content: flex-start;
align-items: center;
height: 37px;
}
.ty-footer-general__body {
line-height: 2;
}
.ty-footer-menu__item {
margin-bottom: 0px;
}
.ty-payment-icons__item {
margin: 3px;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
margin-left: auto;
}
.top-links-grid .ty-text-links {
margin-top: 9px;
}
.top-currencies {
margin-top: 4px;
}
.top-languages {
margin-top : 4px;
}
.ty-float-left .ty-wysiwyg-content {
margin: 6px;
}
.ElementsApp .InputElement {
font-size: 13px !important;
}
.ty-statistic-list-shipping-method {
.ty-icon-flight:before {
font-family: uni2-icons,sans-serif;
content: "\e955";
font-size: 16px;
}
#tygh_main_container .ut2-mid-narrow .ut2-gl__control.bt-2x.ut2-view-qty .button-container {
width: ~"calc(100% - 80px)";
}
}
Have you managed to solve the issue? It works if I add the code manually
I was able to figure out what was wrong. I was placing the code at the wrong place. It's working now!!! Thanks a lot