Buenos días,
Los botones del carrito de mi tienda online no están alineados y no consigo encontrar la manera de corregirlo.
En primer lugar, con el Inspeccionar he visto la configuración de ambos botones:
CONTINUAR COMPRANDO: Continuar Comprando> > ACTUALIZAR CESTA:
Como no he encontrado nada donde me indique esas medidas dentro del código en el theme-cart.css, he añadido un par de reglas, pero aún así no he conseguido que se cambie nada. Lo primero que he intentado es añadir al final del código:
a.continue-shopping–cart {> margin: 8px 0 0 5px !important;> }> > input#update_quantities {> margin: 8px 0 0 5px !important;> }
En el apartado que me sale nombrado como cart page template, he seguido buscando y he buscado el apartado .cart-bottom-box #checkout-buttons:
.cart-bottom-box #checkout-buttons a,> .cart-bottom-box #checkout-buttons input {> display: inline-block;> vertical-align: middle;> }
Como me pasa en ambos, he estado mirando el @media, que si no entiendo mal es para que la web se vea correctamente en responsive:
@media screen and (max-width: 767px) {> .cart-bottom-box #checkout-buttons {> margin-top: 15px;> text-align: center;> }> .cart-bottom-box #checkout-buttons a,> .cart-bottom-box #checkout-buttons input {> width: 100%;> display: block;> }> .cart-bottom-box .title-bar {> margin: 0;> }> .cart-bottom-box #checkout-buttons #update_quantities,> .cart-bottom-box #checkout-buttons #cart_submit,> .cart-bottom-box .btn-default.continue-shopping–cart {> margin-top: 0;> }> .cart-bottom-box .cart-totals–wrapper,> .cart-bottom-box #cart-total-header {> text-align: center !important;> }> }> > @media screen and (min-width: 768px) {> .cart-bottom-box {> margin-top: 20px;> }> }> > .cart-bottom-box .title-bar {> text-align: right;> > .cart-totals–wrapper {> text-align: right;> margin-bottom: 20px; }> > .cart-page–bottom {> align-items: flex-end; }> > .cart–shipping-message {> text-align: right;> font-style: italic;> margin-top: 20px; }> @media screen and (max-width: 767px) {> .cart–shipping-message {> text-align: center; } }> .cart–shipping-message a {> text-decoration: underline; }> .cart–shipping-message a:hover {> text-decoration: none;> opacity: 0.6; }
De ninguna manera he conseguido alinear los botones, estoy un poco perdida porque no sé cómo proceder. No sabría decir si alguna de las aplicaciones que tengo ahora mismo instaladas puede estar interfiriendo en el tema, lo que me supondría un problema porque las que tengo instaladas las necesito.
Espero haber detallado lo suficiente por si a alguien le ha pasado igual y tiene una solución,
Gracias.
Tema: Envy