Modificar el color y aspecto del header  

Hola

Puedes corregirlo por CSS, en estos casos se suele usar fondos con trasnparencias, por ejemplo , ubica este archivo :

/templates/pandora/css/pandora-custom.css

Agrega el siguiente código al final:

header #rt-top{
background:rgba(0,0,0,.3);
}

header #rt-top p{
color:white;
padding:0;
margin:0;
}

el .3 del rgba es la transparencia, puedes variar también el 0 , 0 , 0 que es el color negro en rgb

Saludos.

Hola Jhon, gracias por el código se ve mejor. Aunque la funcionalidad no es tan efectiva como pensaba, ya que la intención era que en versión móvil se pueda marcar, lo he probado y no se marca el número desde móviles. ¿Qué puedo hacer? Gracias.

Hola

Te refieres a resaltar el número de teléfono?
Cómo has ingresado este número?, asumo que con ún módulo personalizado html, podrias probar dando formato con el editor, pero lo mejor sería que identifiques con algun ID o clase el código html que quieres estilizar para aplicar CSS

Actualmente el número en html esta como :

 722880220

Podrías probar con :

 722880220

Aunque personalmente te recomiendo poner una clase y luego poner los estilos en el archivo CSS, sería

722880220

Y en el archivo CSS hacer referencia a la clase :

.numerotelefono{
font-size: 12pt; 
background: #9C5A24;
padding: 2px 5px;
border-radius: 20px;
}

Saludos.

Hola Jhon, lo he probado y aún no marca el número desde dispositivos. Tal vez haga hecho algo mal, según tu recomendación o es lo que entendí, pegue esta clase en el html personalizado es correcto? o había que ponerlo en el archivo css? 722880220 Luego este otro código en el archivo css, que sería el estilo.
.numerotelefono{
font-size: 12pt;
background: #9C5A24;
padding: 2px 5px;
border-radius: 20px;
}

En todo caso, desde el dispositivo se ve así como te adjunto la imagen y sin poder marcar el número.
Saludos

Hola Alexandra.

He probado a acceder con mi móvil (android, con navegador google chrome) y al seleccionar el teléfono (eso sí, no sale como un link, tengo que seleccionar el telef) me da la opción de llamar (de hecho, como tengo instalado Skype, me da la opción de marcar con el teléfono o usar Skype)

No obstante, puede cambiar el código del html por

722880220

De esta forma será un link que el teléfono detectará para marcar.

Un saludo.

Hola, yo quisiera poner el icono del telefono y el numero al lado de los iconos de las redes sociales en el top area del header de mi web y no se donde ponerlo. Gracias
La web esContenido solo visible a usuarios registrados

Hola Joaquin

En tu caso posiblemente tengas que ver si tu theme tiene alguna posición en esa parte.

Te recomiendo abrir un nuevo hilo de discusión para tu consulta ya que este tema tratado esta en el apartado de Joomla y tu sitio es un WordPresss

Saludos.