Color, tipo de letra y tamaño

[satanson123]

Hola amigos de nuevo por aca, bueno estoy trabajando con los widgets y el cliente me pidio que las alertas (Descripcion) las coloque de color rojo. Quisiera saber como colocar la descripcion algo de color en el siguiente codigo.

Código PHP:

  if ( function_exists('register_sidebar') ){
    register_sidebar(array(
        'name' => __( 'Sidebar Top', 'sidebar-top' ),
        'description' => __( 'Colocar una imagen no mas de 500x100' ),
        'before_widget' => '<div id="sidebar-top">',
        'after_widget' => '</div>',
        'before_title' => '<div id="title-sidebar" style="display:none;">',
        'after_title' => '</div>',
));
} 
   

[ArturoGallegos]

1.- ID en HTML debe ser único, si colocas un ID en los widgets tu sitio se plagara de errores, cámbialo por una clase.

2.- este es tema de CSS si tienes X clase y quieres afectar sus elementos simplemente coloca en tu archivo CSS

.miclase elemento{color:#f00;}

[satanson123]

Iniciado por ArturoGallegos

1.- ID en HTML debe ser único, si colocas un ID en los widgets tu sitio se plagara de errores, cámbialo por una clase.

2.- este es tema de CSS si tienes X clase y quieres afectar sus elementos simplemente coloca en tu archivo CSS

.miclase elemento{color:#f00;}

Disculpa mi ignorancia mi amigo pero cual viene siendo el elemento?

[ArturoGallegos]

con elemento me quise referir a lo que quieres afectar, si es un parrafo seria una "p" si es un enlace una "a" si es una clase pues obviamente el nombre de esta .... y una larga lista de etc etc.

[satanson123]

Iniciado por ArturoGallegos

con elemento me quise referir a lo que quieres afectar, si es un parrafo seria una "p" si es un enlace una "a" si es una clase pues obviamente el nombre de esta .... y una larga lista de etc etc.

Ok. Pero con lo que me dijiste no me respondiste lo que pregunte. Por favor lee lo que quiero hacer para que sepas bien, lo que quiero afectar es la description que esta en el codigo de widgets mas arriba. Saludos.

[ArturoGallegos]

Te reitero mi respuesta, este es problema meramente de CSS.

Sea en el backend o en el frontend... simplemente revisa el código fuente y edita la hoja de estilos correspondiente o bien agrega una nueva para colocar estilos nuevos.

[satanson123]

Iniciado por ArturoGallegos

Te reitero mi respuesta, este es problema meramente de CSS.

Sea en el backend o en el frontend... simplemente revisa el código fuente y edita la hoja de estilos correspondiente o bien agrega una nueva para colocar estilos nuevos.

Yo se que es con css pero te explicare mejor.

En el codigo siguiente esta en function.php:

Código PHP:

  // Registro Sidebar top
if ( function_exists('register_sidebar') ){
    register_sidebar(array(
        'name' => 'Sidebar Top',
        'id' => 'sidebar-top',
        'description' => __( 'Colocar una imagen no mas de 500x100px.' ),
        'before_widget' => '<div class="sidebar-top">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title-sidebar" style="display:none;">',
        'after_title' => '</div>',
));
} 
   

Yo quiero afectar la parte:

Código PHP:

  'description' => __( 'Colocar una imagen no mas de 500x100px.' ), 
   

Para darle color, tipo de letra y tamaño, que esta parte corresponde a la siguiente imagen la parte rodeado de rojo.



Lo e puesto de todas manera posible y no logro hacerlo, se que algo estoy haciendo mal.

[ArturoGallegos]

Vale supongo que te estas estresando de mas y ya estas en el punto en que te cierras :D

si revisas el código fuente de esa sección veras


con lo cual caerías en cuenta que agregando este código afectarías dicho elemento obteniendo el resultado deseado.

Código CSS:

.sidebar-description *{color:#f00;}
 

Ahora bien ese código afecta a toda la pagina donde este esa clase por lo que la sección que dice "widgets disponibles" también se ve afectada... si solo quieres que los paneles de la derecha se afecten agrégale un poco mas de especificidad a la regla css dejando por ejemplo

Código CSS:

#widgets-right .sidebar-description *{color:#f00;}
 

La regla css puede ser tan especifica como la necesites según el elemento/sección que desees afectar.

Como nota: recuerda que esta regla CSS debe estar en una hoja de estilos que se cargue del lado del administrador/backend ya sea en el template o directamente en wordpress según tu prefieras.

[satanson123]

Iniciado por ArturoGallegos

Vale supongo que te estas estresando de mas y ya estas en el punto en que te cierras :D

si revisas el código fuente de esa sección veras


con lo cual caerías en cuenta que agregando este código afectarías dicho elemento obteniendo el resultado deseado.

Código CSS:

.sidebar-description *{color:#f00;}
 

Ahora bien ese código afecta a toda la pagina donde este esa clase por lo que la sección que dice "widgets disponibles" también se ve afectada... si solo quieres que los paneles de la derecha se afecten agrégale un poco mas de especificidad a la regla css dejando por ejemplo

Código CSS:

#widgets-right .sidebar-description *{color:#f00;}
 

La regla css puede ser tan especifica como la necesites según el elemento/sección que desees afectar.

Como nota: recuerda que esta regla CSS debe estar en una hoja de estilos que se cargue del lado del administrador/backend ya sea en el template o directamente en wordpress según tu prefieras.

Bueno amigo lo logre pero tengo otra pregunta mas, si actualizo el wordpress se elimina este css??

[ArturoGallegos]

si lo agregas en el template no se borra, si lo agregas en un archivo propio de wordpress si se borra o al menos hay posibilidad.

[satanson123]

Iniciado por ArturoGallegos

si lo agregas en el template no se borra, si lo agregas en un archivo propio de wordpress si se borra o al menos hay posibilidad.

Lo agrego al css de mi themes y no hace efecto.

[ArturoGallegos]

con que código invocas o haces que cargue la hoja de estilos en el lado del administrador, si lo estas colocando en los archivos style.css u otro que tenga que ver con el frontend no te servirá de nada... tienes que utilizar una hoja de estilos distinta que se este cargando en el administrador.


por ejemplo

Código PHP:

function veritas_admin_scripts() {
    wp_enqueue_style('admin-css', ROOT_THEME_URI . 'css/admin.css');
}
add_action('admin_enqueue_scripts', 'veritas_admin_scripts');