Need to make several modifications to Leo Mega Store theme

[lixotuka]

Hello

 

I've done some modifications on this theme, and now, when I stop the mouse over the CART, the dropdown appears very high and I would like to lower it a bit.

 

See here the problem.

 

Regards

 

(SORRY FOR MY ENGLISH)

[Enrique Gómez]

You can modify the css rule in blockcart.css line 7

 

#header #cart_block {

....

top:105px

......

}

 

instead of top 57px. That way you lower the dropdown

[lixotuka]

You can modify the css rule in blockcart.css line 7

 

#header #cart_block {

....

top:105px

......

}

 

instead of top 57px. That way you lower the dropdown

 

Thank you very much!! Now it looks nice as before.

 

Do you know how could I delete one button of this list? There is 2 buttons for the same thing.

 

Saludos y gracias otra vez

[Enrique Gómez]

An easy solution is adding display none to the css rule blockcart.css line 65

 

 

#cart_block #cart-buttons .button_small {

  

...........

    display: none;

.......

}

[lixotuka]

 

An easy solution is adding display none to the css rule blockcart.css line 65

 

 

#cart_block #cart-buttons .button_small {

  

...........

    display: none;

.......

}

 

 

 

This is de whole code:

#cart_block #cart-buttons .button_small {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border:1px solid #DEE7EC;
box-shadow:none;
color:#666;
}

 

Do I change like this?:

#cart_block #cart-buttons .button_small {
display: none;
...
}

[Enrique Gómez]

Better add display:none; at the end

[lixotuka]

Better add display:none; at the end

 

 

Perfect! I've left like this and it works:

#cart_block #cart-buttons .button_small {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border:1px solid #DEE7EC;
box-shadow:none;
color:#666;
display:none;
}

Edited March 17, 2014 by lixotuka (see edit history)