[Resuelto] cambiar tamaño de fuente y color en un shortcode  

Hola Carlos,

Estupendo, necesitaríamos la url de donde se muestra dicho shortcode para poder compartirte un css que aplique estos cambios, quedamos a la espera del url para poder enviartelo.

Un saludo 🖐️ 

@argenis

Buenas la URL es la siguiente el shortcode es donde dice Carlos 

https://academia.safegest.com/prueba/

[usermeta field="first_name"]

Y quiero cambiarle el tamaño de la fuente a:

25px y el color a #ff6633

Hola Carlos,

Te comparto lo que veo:

Tu si visualizas algo? si te es posible puedes hacer clic derecho y luego en inspeccionar y nos compartes lo que vez en este texto que mencionas.

Un saludo 🖐️ 

Es que hay que entrar mediante contraseña y intetno deshabilitar todo y son varios plugins...

Y no acabo de lograr quitarlo todo...

No existe un modo de cambiar el tamaño de las fuentes y colores por shortcode? como si fuera un html que no hagan falta css?

Un saludo

Solamente quiero la fuente en negrita y color naranja de ese shortcode

Hola Carlos,

El problema es que el complemento es de pago por lo que no tenemos el conocimiento sobre modificaciones sobre el mismo shortcode, de hecho directamente en su documentación no muestra nada de personalización:

https://www.learndash.com/support/docs/core/shortcodes-blocks/

Por lo que si quieres hacerlo por medio del mismo tendrias que consultarlo con soporte del complemento.

Un saludo 🖐️ 

@argenis

Vale entiendo,

Lo que quiero hacer es el user name de wordpress que no tenemos porque usar el de learndash que aparezca en naranja y negrita. el shortcode del user de wordpress, eso seria posible.... crear uno y darle ese aspecto?

Un saludo 

Hola Carlos,

Wordpress por defecto no muestra esto, tendrias que verificar agregando el siguiente código en code snippet que veo tienes el complemento instalado:

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login) 
return '<p class="shortcode_username">Bienvenido ' . $current_user->display_name . '!</p>'; 
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

Éste lo agregas asi > [show_loggedin_as] y por último para cambiar el css puedes hacerlo aquí:

p.shortcode_username {
font-size: 25px !important;
color: #ff6633;
}

Este lo aplicas en Apariencias > Personalizar > Css adicional.

Verifica y nos comentas.

Un saludo 🖐️ 

Buenas Argenis!!! fuciona perfecto!!! muchas gracias!!!

Solo me queda un ultimo paso a ver si asi lo dejo terminado.

En el shortcode aparece 

Bienvenido carlos, porque ese es el shortcode.

Me gustaria que fuera:     

Que el shortcode solo fuera el nombre y poder añadir texto delante y la exclamacion detras.

Gracias y un saludo

Hola Carlos,

Según entiendo deseas modificar el código agregando contenido antes del nombre.

En teoría todo lo que se encuentre dentro de las comillas del return es editable solo que hay una variable en especial que hace el llamado del nombre del usuario que ha iniciado sesión, ahora bien teniendo eso en cuenta puedes hacer modificaciones como la siguiente

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login) 
return '<p class="shortcode_username">Cualquier texto previo ' . $current_user->display_name . 'Cualquier texto despues del nombre</p>'; 
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

He colocado textos personalizados antes y después del nombre pero como mencione antes, debes respetar las comillas que divide cada elemento además de que si deseas mantener los estilos CSS del nombre el mismo debe permanecer dentro de las etiquetas <p> las cuales contienen la clase "shortcode_username "

Recuerda hacer respaldo del código como precaución en un bloc de notas por si al modificarlo no queda como gustas o te equivocas puedes recuperarlo en cualquier momento

Saludos!

Buenas Bruno muchas gracias funciona perfecto, Lo unico que me queda es poder darle CSS al nombre de la persona

Ahora esta asi

¡Hola, Carlos!

Sale genial, necesito que Carlos (que es el usuario) tenga estas CSS

p.shortcode_username {
font-size: 25px !important;
color: #ff6633;
}

Lo que pasa que me cambia el CSS a toda la frase: ¡Hola Carlos! y yo unicamente necesito que cambie el nombre Carlos con ese CSS

Un saludo

Hola Carlos, 

En este caso, ya que el texto está unido a una clase específica, es decir todo el nombre no veo posible solo modificar una parte del texto, para ello tienes que modificar todo el contenido que muestra el shortcode

Un Saludo 

@karen

Cierto karen,

Otra opcion es dejar Carlos (solamente como Shortcode aplicar las css) y poner el resto sin shortcode

Lo que no se es como escribir texto antes y despues de un shortocde pero en HTM seguro que se puede.

Seria en html (poner Hola) Carlos (en shortcode) y en Html (la exclamacion) me refiero meter un shortcode entre texto no se si eso es posible.

Un saludo

Hola Carlos,

No comprendo muy bien del todo creo que es esto lo que te refieres:

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login) 
return '<span class="shortcode_username">Bienvenido </span><span class="username">' . $current_user->display_name . '</span><span class="shortcode_username"> Un saludo</span>'; 
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

Agrega este css:

span.username {
color: #ff6633 !important;
font-size: 25px !important;
}
span.shortcode_username {
color: #151f33;
font-size: 25px;
}

Un saludo 🖐️ 

@argenis

Perfecto!!!!!!! Gracias!!!! ahora si 😉