Hola!
Estoy utilizando el siguiente código que me pasasteis en otro hilo y ahora necesito adaptarlo.
add_filter( 'the_content', 'add_something_description_tab' );
function add_something_description_tab( $content ){
if( is_product() ) {
$content .= '<p style="color: orange; font-size: 16px;" class="custom-text">El precio en el momento de la preinscripción, puede diferir del precio final de matriculación. Antes de realizar ningún pago, te especificaremos el precio exacto.</p>';
}
return $content;
};
Lo que necesito, es que la frase esté dentro de un recuadro naranja, lo más parecido posible al recuadro que se ve en la imagen que adjunto. Yo lo he intentado pero me ha quedado una cosa muy rara.
También os adjunto otra imagen para que veáis dónde aparece esa frase, que es al final de todas las descripciones de producto.
Saludos!
Contenido solo visible a usuarios registrados
Que tal Carlos,
El estilo del texto que deseas modificar podemos darle estilo por medio de CSS, sin embargo, cambiar la posición a donde deseas si seria requerida personalización a medida
Otra alternativa que deberias de tener en cuenta es que según el asistente virtual stephan utilizas Avada que es un tema premium y contiene un constructor visual llamado avada builder, desde el puedes crear una estructura personalizada para los productos
Echale un vistazo a la documentación
Saludos!
Buenas Bruno!
Me expliqué mal. La posición de la frase no la quiero cambiar, solo necesito que esa frase esté dentro de un rectángulo naranja. Es decir, la frase debe serguir al final de cada descripción de producto, pero dentro de un recuadro naranja del mismo color que el de la imagen que adjunté en el anterior mensaje.
Yo lo he intentado pero no consigo que la frase quede dentro del rectángulo. Te adjunto una imagen para que veas a qué me refiero.
Hola Carlos,
Entendido! pues nada vamos a aplicarle CSS a el parrafo que deseas
considerando que ya tiene una clase llamada "custom-text" desde las opciones de personalización de Custom CSS de tu tema o desde las opciones Apariencia-> Personalizar -> CSS agregado vas a colocar lo siguiente
.custom-text{
color: white !important;
font-size: 16px;
background-color: #FFA500;
padding: 20px;
}
Donde el "color" corresponde al color del texto y el "background-color" corresponde al color del fondo del contenedor en hexadecimal https://htmlcolorcodes.com/es/
Deberias de tener un resultado como el siguiente
Saludos!
Muchísimas gracias Bruno, justo lo que quería.
Saludos!
Que tal Carlos,
Siempre es un gusto poder ayudarte, cualquier otra consulta que tengas estaremos atentos
Saludos!