Jump to content

1.7 problème affichage chiffre de quantité dans le panier


Recommended Posts

Bonsoir,

 

 

Déjà je vous remercier pour votre aider précédemment,

 

là j'ai un problème un peu bizarre,dans le panier le chiffre du quantité s’affiche bien en gris avec chrome,safari et edge,

mais dans firefox et ie10 c'est blanc.

 

dans quel fichier pour modifier la couleur de ce chiffre svp?

 

Merci d'avance

 

http://delicerolls.fr

post-1286438-0-34220300-1486672546_thumb.png

Edited by flin28 (see edit history)
Link to comment
Share on other sites

bonsoir,

 

C'est pas un problème de couleur mais de dimensions....

 

height: 30px;
padding: 17px 10px;

 

input de 30px avec un des padding top et bottom de 17px soit 34px de padding en Y soit > à la hauteur !!!
ça ne laisse pas de place au texte :)

V++

 

atch

  • Like 1
Link to comment
Share on other sites

bonsoir,

 

C'est pas un problème de couleur mais de dimensions....

 

height: 30px;

padding: 17px 10px;

 

input de 30px avec un des padding top et bottom de 17px soit 34px de padding en Y soit > à la hauteur !!!

ça ne laisse pas de place au texte :)

V++

 

atch

Merci pour la réponse ,c'est quel fichier svp?

bonsoir,

 

C'est pas un problème de couleur mais de dimensions....

 

height: 30px;

padding: 17px 10px;

 

input de 30px avec un des padding top et bottom de 17px soit 34px de padding en Y soit > à la hauteur !!!

ça ne laisse pas de place au texte :)

V++

 

atch

C'est bien dans thème.css?
Link to comment
Share on other sites

bonsoir,

 

C'est pas un problème de couleur mais de dimensions....

 

height: 30px;

padding: 17px 10px;

 

input de 30px avec un des padding top et bottom de 17px soit 34px de padding en Y soit > à la hauteur !!!

ça ne laisse pas de place au texte :)

 

V++

 

atch

 

/** CONTENT LEFT **/

.product-line-grid-right .bootstrap-touchspin > .form-control,

.product-line-grid-right .bootstrap-touchspin > .input-group {

  color: #666666;

  background-color: white;

  height: 30px;

  padding: 17px 10px;

  text-align: center;

  width: 3rem; }

 

 

j'ai essaye de change 30px en 15px,mais ça ne s'affiche pas toujours.

Link to comment
Share on other sites

/** CONTENT LEFT **/
.product-line-grid-right .bootstrap-touchspin > .form-control,
.product-line-grid-right .bootstrap-touchspin > .input-group {
  color: #666666;
  background-color: white;
  height: 30px;
  padding: 17px 10px;
  text-align: center;
  width: 3rem; }
.product-line-grid-right .bootstrap-touchspin > .input-group-btn-vertical {
  width: auto; }
.product-line-grid-right .input-group-btn-vertical .btn {
  padding: 7px 9px; }
.product-line-grid-right .product-line-grid-right .col-md-6.qty {
  padding: 0; }
.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price {
  color: #666666;
  line-height: 36px; }
  .product-line-grid-right .cart-line-product-actions .remove-from-cart,
  .product-line-grid-right .product-price .remove-from-cart {
    color: #666666;
    display: inline-block;
    margin-top: 0.3125rem; }

.product-line-grid-right .qty {
  padding: 0; }

.input-group {
  display: inline; }

#blockcart-modal .cart-content .btn-secondary, #blockcart-modal .cart-content .btn-tertiary {
  padding: 10px 20px;
  border: 1px solid #dedede; }

/*** Responsive part ***/
@media (max-width: 767px) {
  .product-line-grid-body {
    margin-bottom: 1rem; } }
@media (max-width: 575px) {
  .cart-items {
    padding: 1rem 0; }

  .cart-item {
    border-bottom: 1px solid #ebebeb; }
    .cart-item:last-child {
      border-bottom: 0; }

  .cart-grid-body .cart-overview {
    padding: 0; }
  .cart-grid-body .no-items {
    padding: 1rem;
    display: inline-block; }

  .product-line-grid-left {
    padding-right: 0 !important; } }
#desktop_cart .blockcart .title-cart {
  display: none; }

@media (max-width: 767px) {
  #desktop_cart .blockcart .header a {
    color: #000; }

  #desktop_cart .blockcart .title-cart {
    display: inline-block; } }
@media (max-width: 360px) {
  .product-line-grid-right .qty {
    width: 100%; }
  .product-line-grid-right .price {
    width: 100%; } }
@media (max-width: 767px) {
  .product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 17px 10px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .product-line-grid-right .input-group-btn-vertical .btn {
    padding: 0 9px; }

  .product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 22px 10px; } }
@media (min-width: 1400px) {
  .product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 17px 10px; } }

Link to comment
Share on other sites

1° désactver le CCC pour le css

2° dans theme.css

product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 17px 10px;
}

remplacez par :



product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 7px 10px;
    height : auto;
}

V++

 

Atch

Link to comment
Share on other sites

1° désactver le CCC pour le css

2° dans theme.css

product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 17px 10px;
}

remplacez par :



product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group {
    padding: 7px 10px;
    height : auto;
}

V++

 

Atch

merci beaucoup, ça marche,c'est magnefique :wub:

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...