[Resuelto] CAMBIAR DE COLOR DE FONDO Y EL COLOR DEL TEXTO  

asi como ese fondo un gris claro

Hola Jaime, 

En este caso puedes probar si con el siguiente código CSS puedes modificar lo que necesitas

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f6f6f6;
border-radius: 5px;
}

Sobre la opción de las imágenes de la tarjeta puedes revisar modificarlo en las opciones de WooCommerce -> Ajustes -> Pagos -> Payu, ten en cuenta que debes subir las imágenes de tus tarjetas en el sitio web y luego añadir la URL en la sección que indica Logo en el checkout:

Revisa esto y nos comentas como ha ido todo

Un Saludo

Si me funciono lo del logo de payu, gracias!

Respecto al codigo, aun no se ve reflejado 

Hola Jaime, 

En este caso prueba añadirlo de la siguiente forma

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f6f6f6 !important;
}

Verifica esto y nos comentas como ha ido todo

Un saludo

Que tal Jaime,

Con respecto a los estilos compartidos por mi compañera los veo validos, si siguen sin funcionar prueba colocarlos con esta pequeña modificación

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f6f6f6 !important;
border-radius: 5px;
}

Saludos!

@bruno-vichetti

Disculpen, sigue mostrando igual yo le acabo de probar con ambos codigos. Y borre cache

quiza el codigo lo este YO escribiendo mal?

Hola Jaime,

En tu captura llama mi atención de que tienes plugins de cache activo, recuerda que cada vez que hagamos un cambio de estilos CSS debemos vaciar la cache del sitio t validar que los cambios se han realizado desde una ventana incógnita

Procede a vaciar la cache desde las herramientas activas que pude ver y te señale en la captura, si aun sigue sin mostrarse el ajuste validaremos el código que estas colocando

Saludos!

@bruno-vichetti

si borre cache antes de escribirles, con cada codigo que inserte borre cache y actualice. 

Que tal Jaime,

si borre cache antes de escribirles, con cada código que inserte borre cache y actualice.

Perfecto, gracias por recalcarlo, es raro que no funcione ya que desde el inspector si que funciona, vamos a cambiar la sintaxis de los estilos para probar si lo toma de otra manera

.woocommerce-checkout-payment{
background: #f6f6f6 !important;
}

Retira el código anterior y prueba con este mas reciente

Saludos!

lo inserte, borre cache, entre desde incognito, actualice.. y aun sigue mostrando asi por favor  🙁  

Hola Jaime,

Validando tus estilos CSS pude ver que en efecto sigues teniendo errores de sintaxis

Por favor ajusta los errores y valida que en efecto si funcionen los estilos que ya te hemos sugerido

Saludos!

.doctor-item .doctor-desc > a{
background-color: #f00;
color: #fff;
padding: 12px 20px;
display: block;
}
.maxbutton-ver-calendario{
margin: 0 auto;
display: table;
}
.breadcrumb-wrap {
display: none !important;
}
.iva-np-allitems {
background-color: #67c9e0 !important;
}.topbar .textwidget {
font-size: 18px !important;
}
.tabs li.current {
background-color: #67c9e0 !important;
}
.tabs li.current a {
color: #000000 !important;
}
.doctor-profile {
margin-bottom: 0px !important;
}
@media(max-width: 767px){
.topbar * {
min-height: 35px !important;
}
.rightsidebar .content-area {
margin-bottom: -55px;
}
.maxbutton-reserve-cita .mb-text{
font-size: 20px !important;
font-weight: bold !important;
padding-top: 14px !important;
}
.iva-mobile-menu {
background-color: #66c9e0;
padding: 60px 0px;
}
.iva-mobile-menu ul li a {
color: white !important;
font-size: 20px !important;
}}

/* Dos culumnas finalizar comprar */
@media (min-width: 993px) {
body .woocommerce .col2-set .col-1{
width:100%;}
.woocommerce-billing-fields h3{
margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{
float:left;width:48%;margin-left:2%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%;
}
.woocommerce form .form-row-first{
width: 100% !important;
}
#customer_details .col-1 {
width: 100% !important;
}
.woocommerce button.button.alt{
background-color: #67c9e0 !important;
color: #fff;
}}
@media screen and (max-width: 500px) {
.rightsidebar .content-area {
margin-bottom: 0px !important;
}}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #67c9e0;
color: #fff;
}

/*Cambiar color hover*/

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #1dbce2;
color: #fff;
}
@media screen and (max-width: 500px) {
.rightsidebar .content-area {
margin-bottom: 0px !important;
}}
@media screen and (max-width: 500px) {
p#billing_first_name_field {
width: 100% !important;
}}
@media(max-width: 767px){
.topbar * {
min-height: 35px !important;
}}
@media only screen and (max-width: 600px) {
.pagemid {
padding: 17px 0;
}
.single-doctor .more-labels{
display: none;
}
.pagemid {
padding: 0px !important;
}
.woocommerce-checkout-payment{
background: #f6f6f6 !important;
}

Lo corregi, y queda asi?

Hola Jaime,

Yo lo ajustaría de esta forma

.doctor-item .doctor-desc > a{
background-color: #f00;
color: #fff;
padding: 12px 20px;
display: block;
}
.maxbutton-ver-calendario{
margin: 0 auto;
display: table;
}
.breadcrumb-wrap {
display: none !important;
}
.iva-np-allitems {
background-color: #67c9e0 !important;
}.topbar .textwidget {
font-size: 18px !important;
}
.tabs li.current {
background-color: #67c9e0 !important;
}
.tabs li.current a {
color: #000000 !important;
}
.doctor-profile {
margin-bottom: 0px !important;
}
@media(max-width: 767px){
.topbar * {
min-height: 35px !important;
}
.rightsidebar .content-area {
margin-bottom: -55px;
}
.maxbutton-reserve-cita .mb-text{
font-size: 20px !important;
font-weight: bold !important;
padding-top: 14px !important;
}
.iva-mobile-menu {
background-color: #66c9e0;
padding: 60px 0px;
}
.iva-mobile-menu ul li a {
color: white !important;
font-size: 20px !important;
}}

/* Dos culumnas finalizar comprar */
@media (min-width: 993px) {
body .woocommerce .col2-set .col-1{
width:100%;}
.woocommerce-billing-fields h3{
margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{
float:left;width:48%;margin-left:2%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%;
}
.woocommerce form .form-row-first{
width: 100% !important;
}
#customer_details .col-1 {
width: 100% !important;
}
.woocommerce button.button.alt{
background-color: #67c9e0 !important;
color: #fff;
}}
@media screen and (max-width: 500px) {
.rightsidebar .content-area {
margin-bottom: 0px !important;
}}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #67c9e0;
color: #fff;
}

/*Cambiar color hover*/

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #1dbce2;
color: #fff;
}
@media screen and (max-width: 500px) {
.rightsidebar .content-area {
margin-bottom: 0px !important;
}}
@media screen and (max-width: 500px) {
p#billing_first_name_field {
width: 100% !important;
}}
@media(max-width: 767px){
.topbar * {
min-height: 35px !important;
}}
@media only screen and (max-width: 600px) {
.pagemid {
padding: 17px 0;
}}
.single-doctor .more-labels{
display: none;
}
.pagemid {
padding: 0px !important;
}
.woocommerce-checkout-payment{
background: #f6f6f6 !important;
}

Debes tener presente que desde acá mas alla que queramos apoyarte en todas las solicitudes que tengas no podemos revalidar constantemente el código o los estilos que nos compartas, para este tipo de labor están nuestros colaboradores que con gusto podrán revisar a medida tu caso https://www.webempresa.com/directorio-colaboradores.html

Nos comentas si te ha funcionado

Saludos!

Si me funciono. Gracias!!!1