Ajuda: colocar imagem personalizada no titulo de widget

  • Autor Autor alex3770
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

alex3770

Gamma
No recomendado
Saludos amigos betas, pues como lo dice el titulo estoy editando una plantilla en wordpress y me gustaria poner una imagen con el titulo en lugar de que salga el titulo normal en los widgets, osea cambiar esto:
nhte.webp

por esto:

rwwh.webp

Ojala puedan ayudarme 🙂
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hazlo con CSS, cada widget tiene su class personalizada, utiliza eso para ponerla como background y listo. :encouragement:
 
Hazlo con CSS, cada widget tiene su class personalizada, utiliza eso para ponerla como background y listo. :encouragement:

Muchas gracias amigo jonay por la respuesta, si estoy pensando hacerlo con CSS pero tengo algunas dudas. ¿es el archivo style el que tengo que editar? y otra cuestion es que no sabría cual es el código que usaría para ponerla, nuevamente muchas gracias amigo. 🙂

este es el código que tengo que editar segun lo que me dice Firebug.

h3.widgettitle{color:#FFFFFF; font-size:1.5em !important;}
.description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 0px;padding: 0px 10px;}
 
Última edição:
Si editas eso, se editará en todos los widgets y tu quieres ponerle un titulo a cada widget... cada widget tiene un class para diferenciarlo, por ejemplo el de categorias es widget_categories ve mirando uno a uno y haciendo lo mismo que te voy a decir a continuación poniendole la imagen a cada uno.

El archivo donde tienes que poner esto es el style.css al final del todo

Inserir CODE, HTML ou PHP:
.widget_categories h3{width:331px;height:38px;background:url(img/imagen.png) no-repeat;text-indent:-9999em /* text-indent no es necesario, es simplemente para quitar el titulo que tenga en caso de tener y así no tener que editar uno a uno los widgets y quitarle el titulo, ya que quieres poner el titulo a mano */}

Asegurate de que el tamaño de la imagen es el adecuado para el tamaño de la barra lateral de tu theme, si no tendrás que hacerla mas grande o mas pequeña dependiendo...

También asegurate de que la carpeta img o images de tu theme tenga la imagen.png o como quieras llamarlo, si la carpeta o el nombre de la imagen cambia, tendrás que cambiarlo en el background url del código que te dí antes.

Esto es la manera mas fácil de hacerlo, yo lo hago de otra forma más dificil pero mejor... :encouragement:
 
Muchisimas gracias amigo [MENTION=2243]jonay[/MENTION], me sirvio bastante y no habia visto que me habias contestado, saludos cordiales. 🙂
 
Voltar
Topo