Buenas a todos.
Estoy modificando un template de webnode. La cajita de la tienda ha quedado de la siguiente manera:
El caso es que estoy intentando mover el texto un poco hacia la derecha tocando al padding de todos lados pero solo consigo que se me mueva la primera frase (carrito de la compra) lo demas se queda fijo y no hay manera. A ver si alguien me puede ayudar.
Este es el codigo que tengo ahora mismo
/* CARTINFO CARTINFO CARTINFO */
#cartInfo {
position:absolute;
top: 225px;
right: 15px;
margin: 0px 0px;
padding: 0;
width: 246px;
height: 118px;
color: transparent;
float: right;
font-size: 1.1em;
background: transparent;
text-align:left;
}
#cartInfo_in {
margin: -8px 0px;
padding: 46px 0 0 0;
width: 246px;
height: 118px;
background: transparent url(../img/cart.gif) 80% 10% no-repeat;
}
#cartInfo a:{
position:absolute;
top: 225px;
right: 55px;
}
#cartInfo a:visited {
padding: 0;
text-decoration: none;
color: #1C1C1C;
font-weight: normal;
}
#cartInfo a:hover,
#cartInfo a:active,
#cartInfo a:focus {
text-decoration: underline;
}
#cartInfo a .cart-title {
margin: 0;
padding: 0;
font-size: 1.1em;
}
#cartInfo a .items,
#cartInfo a .price {
font-weight: bold;
}
/* /CARTINFO CARTINFO CARTINFO */
MUCHAS GRACIAS