Cambiar color de fondo de bloque newsletter,plantilla por defecto 1.6

[emarblanc]

Hola, necesito modificar el color de fondo de suscribirse al boletín en la plantilla por defecto. He modificado el bloque newsletter.css en la línea 45, pero no muestra en la web.

Luego modifiqué el tema8.css, es el que usa, en la línea 195 y aquí sí se reflejan los cambios en la web, pero entonces el header me cambia de color, y se me pone todo el header con el mismo color, el que tengo en el footer también.

Vamos, que no sé que pasa. Necesito cambiar sólo el color del boletín, pero no lo consigo. ¿Donde estoy metiendo la pata?

 

saludos.

[noemilm]

Hola emarblanc,

 

¿Puedes pasarme en enlace de tu web para que pueda ayudarte con el CSS?

[emarblanc]

http://bit.ly/1LyvKSX

este es el enlace al sitio

saludos.

[noemilm]

Mira a ver si esto te sirve:

 

#footer #newsletter_block_left .form-group .form-control{

     background: #blue none repeat scroll 0% 0%;

}

 

Tendrías que aplicar éste estilo en el tema8 (theme8.css, creo que era), y no debería modificarte el header. Sustituye "#blue" por el color que tu quieras.

 

Coméntanos a ver si esto ha funcionado.

 

Espero haberte resultado útil.

 

Suerte!

[emarblanc]

Hola de nuevo, lo acabo de probar y nada. He pegado ese código en theme8.css y el bloque de apuntarse a la newsletter sigue igual, con el fondo negro que quiero cambiar, y el header se me pone todo en azul. He insertado el código al final del theme, eso me imagino que no tendrá que ver ¿no?

[noemilm]

Hola de nuevo, lo acabo de probar y nada. He pegado ese código en theme8.css y el bloque de apuntarse a la newsletter sigue igual, con el fondo negro que quiero cambiar, y el header se me pone todo en azul. He insertado el código al final del theme, eso me imagino que no tendrá que ver ¿no?

 

Publica aquí el CSS y vemos qué puede estar pasando...

[noemilm]

O también puedes probar ese mismo código en el CCS del bloque newsletter...

[emarblanc]

Pues insertando ese código en el bloque newsletter tampoco. No se cambia el header, pero tampoco la cajita de suscribirse.

Os paso el css del theme8

PD: tengo un par de asuntillos más por ahí que no consigo resolver, si alguien sabe algo, se lo agradeceré.

 

body {
  background: #002051;
}

.header-container, .columns-container {
  background: url(../img/bg-theme7.jpg) repeat 50% 0;
}

#header {
  background: url(../img/bg-theme7.jpg) repeat 50% 0;
}
#header #nav-row {
  background: #333333;
}
#header #nav-row .shop-phone {
  color: #777;
}
#header #nav-row .shop-phone i, #header #nav-row .shop-phone strong {
  color: white;
}
#header #currencies-block-top, #header #languages-block-top, #header #nav-row .header_user_info {
  border-color: #515151;
}
#header #currencies-block-top div.current, #header #languages-block-top div.current, #header #nav-row .header_user_info a {
  color: white;
}
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active, #header #nav-row .header_user_info a:hover, #header #nav-row .header_user_info a.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong {
  color: #43bebd;
}
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a {
  background: #43bebd;
}
#header #contact-link {
  border-color: #515151;
}
#header #contact-link a {
  color: white;
}
#header #contact-link a:hover, #header #contact-link a.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after {
  color: white;
}
#header #search_block_top .btn.button-search {
  background: #43bebd;
  text-shadow: 0 1px #379c9c;
}
#header #search_block_top .btn.button-search:hover {
  color: white;
  background: #333333;
  text-shadow: 0 1px #333;
}
#header #search_block_top #search_query_top {
  border-color: #d6d4d4;
  background: rgba(248, 248, 248, 0.63);
  color: #686666;
}
#header #header_user #shopping_cart a {
  background: #43bebd;
  color: white;
  text-shadow: 0 1px #379c9c;
}
#header #header_user #shopping_cart a:after {
  color: white;
}
#header #header_user #shopping_cart a:hover {
  color: white;
  text-shadow: 0 1px #333;
  background: #333333;
}
#header .sf-menu {
  background: #f6f6f6;
  border-bottom: 3px solid #e9e9e9;
}
#header .sf-menu > li {
  border-right: 1px solid #d6d4d4;
}
#header .sf-menu > li > a {
  border-bottom: 3px solid #e9e9e9;
}
#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a {
  color: #fff;
  background: #43bebd;
  border-bottom-color: #2aa2a1;
}

ul.product_list.grid > li .product-container .product-image-container {
  border-color: #d6d4d4;
}

#home-page-tabs {
  background: none;
}
#home-page-tabs > li {
  border-color: #d6d4d4;
}
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
  background: #43bebd;
  color: white;
}

.new-label, .sale-label {
  background: #43bebd;
}
.new-label:before, .new-label:after, .sale-label:before, .sale-label:after {
  border-color: #43bebd transparent transparent transparent;
}

ul.product_list.grid > li .product-container {
  background: none;
}
ul.product_list.grid > li .product-container .product-image-container {
  background: white;
}
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
  background: #f1e8e3;
}
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
  background: #f1e8e3;
}

.button.ajax_add_to_cart_button {
  border-color: #43bebd;
}
.button.ajax_add_to_cart_button span {
  filter: none;
  border-color: #43bebd;
  background: #43bebd;
}
.button.ajax_add_to_cart_button:hover {
  border-color: #333333;
}
.button.ajax_add_to_cart_button:hover span {
  border-color: #333333;
  background: #333333;
}

.price-percent-reduction {
  background: #43bebd;
  border-color: #43bebd;
}

.price, .price.product-price {
  color: #43bebd;
}

.old-price {
  color: #b1b0b0;
}

ul.product_list.grid > li .product-container:hover {
  background: #fff;
  -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
}

#cmsinfo_block em {
  background: #43bebd;
  text-shadow: 0 1px #379c9c;
}

#facebook_block, #cmsinfo_block {
  background: rgba(230, 230, 230, 0.5);
}

#cmsinfo_block, #cmsinfo_block > div + div {
  border-color: #d8d8d8;
}

.footer-container #footer #social_block {
  background: none;
  padding-bottom: 15px;
}

.footer-container {
  background: #3f3f3f;
}
@media (min-width: 768px) {
  .footer-container {
    background: url(../img/footer-bg.png) repeat-x;
  }
}

#footer #newsletter_block_left .form-group .form-control {
  background: #3c3c3c;
}
#footer #newsletter_block_left .form-group .button-small {
  color: #fff;
}
#footer #newsletter_block_left .form-group .button-small:hover {
  color: #43bebd;
}

.footer-container #footer #social_block ul li a:hover {
  color: #3f3f3f;
}
 

[noemilm]

Pues insertando ese código en el bloque newsletter tampoco. No se cambia el header, pero tampoco la cajita de suscribirse.

Os paso el css del theme8

PD: tengo un par de asuntillos más por ahí que no consigo resolver, si alguien sabe algo, se lo agradeceré.

 

body {

  background: #002051;

}

 

.header-container, .columns-container {

  background: url(../img/bg-theme7.jpg) repeat 50% 0;

}

 

#header {

  background: url(../img/bg-theme7.jpg) repeat 50% 0;

}

#header #nav-row {

  background: #333333;

}

#header #nav-row .shop-phone {

  color: #777;

}

#header #nav-row .shop-phone i, #header #nav-row .shop-phone strong {

  color: white;

}

#header #currencies-block-top, #header #languages-block-top, #header #nav-row .header_user_info {

  border-color: #515151;

}

#header #currencies-block-top div.current, #header #languages-block-top div.current, #header #nav-row .header_user_info a {

  color: white;

}

#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active, #header #nav-row .header_user_info a:hover, #header #nav-row .header_user_info a.active {

  background: #2b2b2b;

  color: white;

}

#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong {

  color: #43bebd;

}

#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active {

  background: #2b2b2b;

  color: white;

}

#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a {

  background: #43bebd;

}

#header #contact-link {

  border-color: #515151;

}

#header #contact-link a {

  color: white;

}

#header #contact-link a:hover, #header #contact-link a.active {

  background: #2b2b2b;

  color: white;

}

#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after {

  color: white;

}

#header #search_block_top .btn.button-search {

  background: #43bebd;

  text-shadow: 0 1px #379c9c;

}

#header #search_block_top .btn.button-search:hover {

  color: white;

  background: #333333;

  text-shadow: 0 1px #333;

}

#header #search_block_top #search_query_top {

  border-color: #d6d4d4;

  background: rgba(248, 248, 248, 0.63);

  color: #686666;

}

#header #header_user #shopping_cart a {

  background: #43bebd;

  color: white;

  text-shadow: 0 1px #379c9c;

}

#header #header_user #shopping_cart a:after {

  color: white;

}

#header #header_user #shopping_cart a:hover {

  color: white;

  text-shadow: 0 1px #333;

  background: #333333;

}

#header .sf-menu {

  background: #f6f6f6;

  border-bottom: 3px solid #e9e9e9;

}

#header .sf-menu > li {

  border-right: 1px solid #d6d4d4;

}

#header .sf-menu > li > a {

  border-bottom: 3px solid #e9e9e9;

}

#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a {

  color: #fff;

  background: #43bebd;

  border-bottom-color: #2aa2a1;

}

 

ul.product_list.grid > li .product-container .product-image-container {

  border-color: #d6d4d4;

}

 

#home-page-tabs {

  background: none;

}

#home-page-tabs > li {

  border-color: #d6d4d4;

}

#home-page-tabs > li.active a, #home-page-tabs > li a:hover {

  background: #43bebd;

  color: white;

}

 

.new-label, .sale-label {

  background: #43bebd;

}

.new-label:before, .new-label:after, .sale-label:before, .sale-label:after {

  border-color: #43bebd transparent transparent transparent;

}

 

ul.product_list.grid > li .product-container {

  background: none;

}

ul.product_list.grid > li .product-container .product-image-container {

  background: white;

}

ul.product_list.grid > li .product-container .product-image-container .product_img_link {

  background: #f1e8e3;

}

ul.product_list.grid > li .product-container .product-image-container .product_img_link img {

  background: #f1e8e3;

}

 

.button.ajax_add_to_cart_button {

  border-color: #43bebd;

}

.button.ajax_add_to_cart_button span {

  filter: none;

  border-color: #43bebd;

  background: #43bebd;

}

.button.ajax_add_to_cart_button:hover {

  border-color: #333333;

}

.button.ajax_add_to_cart_button:hover span {

  border-color: #333333;

  background: #333333;

}

 

.price-percent-reduction {

  background: #43bebd;

  border-color: #43bebd;

}

 

.price, .price.product-price {

  color: #43bebd;

}

 

.old-price {

  color: #b1b0b0;

}

 

ul.product_list.grid > li .product-container:hover {

  background: #fff;

  -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);

  -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);

  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);

}

 

#cmsinfo_block em {

  background: #43bebd;

  text-shadow: 0 1px #379c9c;

}

 

#facebook_block, #cmsinfo_block {

  background: rgba(230, 230, 230, 0.5);

}

 

#cmsinfo_block, #cmsinfo_block > div + div {

  border-color: #d8d8d8;

}

 

.footer-container #footer #social_block {

  background: none;

  padding-bottom: 15px;

}

 

.footer-container {

  background: #3f3f3f;

}

@media (min-width: 768px) {

  .footer-container {

    background: url(../img/footer-bg.png) repeat-x;

  }

}

 

#footer #newsletter_block_left .form-group .form-control {

  background: #3c3c3c;

}

#footer #newsletter_block_left .form-group .button-small {

  color: #fff;

}

#footer #newsletter_block_left .form-group .button-small:hover {

  color: #43bebd;

}

 

.footer-container #footer #social_block ul li a:hover {

  color: #3f3f3f;

}

 

Según ese CSS que me mandas no lo has cambiado cómo yo te he comentado...

 

En el cuarto párrafo empezando por debajo (línea 195) tienes lo siguiente:

 

#footer #newsletter_block_left .form-group .form-control {

  background: #3c3c3c;

}

 

El color #3c3c3c es el gris que tienes en la cajita, si quieres cambiar el color debes sustituir ahí por el color que tú quieras.

 

Espero que te funcione.

 

Un saludo

Edited June 26, 2015 by noemilm (see edit history)

[emarblanc]

Efectivamente, no lo había modificado, simplemente había insertado otra vez el mismo código....Lo he modificado y...cambia el color de la caja...pero también me cambia el color del header...

Os adjunto el antes y el despues, como véis hay una gran franja azúl en el header que queda fatal.

Empiezo a pensar que todo esto venga de aquí:

https://www.prestashop.com/forums/topic/339152-cambiar-color-footer-container-prestashop-16/

Quise modificar también el color del footer y tampoco encontraba solución, hasta que leí este post, cambié el color del body, y entonces se cambió y se quedó como está ahora.

¿Quizás la solución venga de cambiar el color del footer por otro lado, y cambiar el color del bloque de newsletter tal y como me has dicho? Porque de esta manera sí se cambia, lo malo es que arrastra el color del header también...

en fin.

[noemilm]

No entiendo que puede estar pasando, antes si porque al duplicar no te hacía caso, pero ahora no sé porqué te está fallando...

Prueba a poner: background: #colorquequieres none repeat scroll 0% 0%;

 

Si eso no va prueba con la etiqueta "!important"

 

Y si no fuese ninguna de esas dos prueba a cambiarlo en el bloque del newsletter.