Hello there,
We have some issue with our shop.
We are trying to make some changes on the shop page with CSS code.
It does work on our desktop version, but it is not affecting our mobile version.
This is more important because most of our clients shop on their cell phones.
Can you help us achieve the desired look for our mobile version?
We want the title of our product to be bigger and in bold in the shop page and single product page.
Also, we want the sales price to be white with orange background.
We managed to make changes on our desktop page, but there is no changes on the mobile version.
We tried a lot of variations but with no success.
.product-content .product-name, .product-content .product_title, .product-content .title {
font-size: 45px;
margin-bottom: .3em;
}
/* ESTILO DE FONDO Y COLOR PARA EL PRECIO REBAJADO EN TODA LA WEB */
.cart ins,
.price ins {
color: white !important; /* Letra blanca en todas las páginas */
background-color: #F97019 !important; /* Fondo naranja en todas las páginas */
/* Asegurar que el fondo se vea bien */
padding: 3px 8px !important;
display: inline-block !important;
}
/* Asegura que los números y el símbolo de moneda también sean blancos */
.price ins .woocommerce-Price-amount.amount,
.price ins .woocommerce-Price-amount.amount bdi {
color: white !important;
}
Is there anything we are missing?
We will leave admin access just in case
Best regards,
Jenn
This is the CSS we are using:
We
