Avisos
Vaciar todo

[Resuelto] Cambiar estilo en frase  

 
carlos
 carlos
Reputable Member

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!

Captura de pantalla 2023 02 07 175536
recuadro

 

Contenido solo visible a usuarios registrados

Respondido : 07/02/2023 4:59 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

https://theme-fusion.com/documentation/avada/video-tutorials/how-to-build-custom-single-product-layouts-with-avada-woocommerce-video/

Saludos!

 

Respondido : 07/02/2023 5:22 pm

carlos
 carlos
Reputable Member

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. 

Captura de pantalla 2023 02 07 182841
Respondido : 07/02/2023 5:32 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

image

Saludos!

Respondido : 07/02/2023 6:05 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

carlos
 carlos
Reputable Member

Muchísimas gracias Bruno, justo lo que quería.

 

Saludos!

Respondido : 07/02/2023 6:09 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Siempre es un gusto poder ayudarte, cualquier otra consulta que tengas estaremos atentos

Saludos!

Respondido : 07/02/2023 6:26 pm

Cursos Gratuitos WordPress