Modificar aspecto primera entrada blog

Jairba · #1 (**permalink**) 20/10/2015, 08:14

Hola a todos,

En mi página web he creado dentro del blog unas categorias que se visualizan como entradas normales. Os dejo el enlace

http://jairbarragan.com/category/mis-top-10/

Quiero cambiar la apariencia de donde pone Mis Top 10 es... junto con la fecha de la entrada y las dos líneas de texto que se ven. Toda esta parte quiero ponerle un color de fondo diferente pero no se como hacerlo porque las pruebas que he hecho me cambian el color de todas las entradas, en todos los apartados de toda la web.

¿Alguien me puede decir como cambiar el formato de solo esta parte?

Muchas gracias a todos

ArturoGallegos · #2 (**permalink**) 20/10/2015, 08:44

article:first-child{....}

o bien

article:nth-child(1){....}

recuerda cambiar "article" en caso de que uses otro elemento como contenedor.

Jairba · #3 (**permalink**) 20/10/2015, 09:06

Hola Arturo,

Me funciona el:

article:first-child{....}

pero cambia el formato en todas las páginas. ¿Hay alguna manera de indicar que sea actúe sólo en una página en concreto?

Muchas gracias

ArturoGallegos · #4 (**permalink**) 20/10/2015, 10:55

aplicale algun selector extra, depende mucho de tu html.... vamos que si toda la estructura es igual no hay mucho que hacer salvo poner los estilos en el html.

pero si tienes algo como

<main class="paginas">
<main class="blog">
<main class="articulos">
etc....

podrias usar algo como
.blog article:first-child{...}

Jairba · #5 (**permalink**) 20/10/2015, 13:25

Hola Arturo,

Supongo que le HTML no lo permitirá. Lo he probado pero no funciona.

De todas maneras muchas gracias por tus respuestas.

Un saludo

ArturoGallegos · #6 (**permalink**) 20/10/2015, 14:21

No has sabido revisar o de plano no es lo que buscas

mira este trozo del codigo en tu sitio

Código HTML:

Ver original<body class="archive category category-mis-top-10 category-1 ....">

Jairba · #7 (**permalink**) 21/10/2015, 03:12

No, supongo que no he sabido revisar... Es que no puedo buscar el código HTML porque no sé ni donde se ubica. No se nada de este tema y cada pasito que doy me cuesta la vida.

Trabajo con CODA2 y ahí haciendo modificaciones en el CSS me van funcionando las cosas, pero cuando hay que tocar HTML ya no funciona nada. Desde CODA2 no tengo problema para llegar al CSS ni el PHP, pero el lugar en donde se supone que estaría en HTML sale vació y no se donde tenog que ir.

He probado colocar el código HTML en el widget pero tampoco funciona.

Siento no poder seguir las instrucciones pero es que soy más que novato en este campo.

ArturoGallegos · #8 (**permalink**) 21/10/2015, 09:37

?¿ wtf ?¿

para ver el html solo tienes que visitar el sitio y precionar ctrl+u o bien en el menu de tu navegador busca alguna opcion que diga "ver codigo fuente" o algo similar.

Tambien en firefox, chrome y hasta el miserable de IE traen herramientas para desarrollador, solo preciona F12 y utilizalas para examinar el codigo y depurarlo.

Jairba · #9 (**permalink**) 21/10/2015, 13:05

Si, con Google Chrome y botón derecho inspeccionar elemento accedes al código e incluso se puede modificar, pero no se pueden guardar los cambios.

Como dije los cambios por ejemplo en CSS los hago desde el cliente de FTP coda2 y ahí se guarda todo. Excepto el HTML que no lo encuentro. He buscado también en youtube pero no sale lo que busco.