CSS color de los títulos de las entradas

Inicio Foros WordPress Themes y Diseño CSS color de los títulos de las entradas

Este debate contiene 16 respuestas, tiene 4 mensajes y lo actualizó  imported_fliberty hace 7 años, 9 meses.

  • Autor
    Publicaciones
  • #18407

    fum
    Participante

    <p>Hola, por prueba y error pude ir modificando la plantilla de CSS de mi tema en casi todo lo que quise, pero no logro cambiar el color de los títulos de las entradas, no identifico el código que le corresponde.</p>
    <p>Agradezco toda ayuda para identificarlo. El tema es Andreas09 Ciber Press<br />
    El blog es este.</p>
    <p>Saludos!
    </p>

  • #44807

    Pedro Raul
    Participante

    black2.css (línea 5)

    a{color: #4E4E4E}

    añade después

    h2.post a {color:tucolor;}

  • #44810

    fum
    Participante

    Gracias Pedro Raúl, así lo hice pero los títulos no camian, te copio como quedó por si cometí algún error:

    a {
    color:#4E4E4E;/*color tipografía títulos de entradas y enlaces, RSS, Admin*/
    h2.post a {color:#ff6600;}
    }

  • #44854

    fum
    Participante

    Agregando esa línea no cambia el color. Si cambia desde la línea de arriba:

    color:#4E4E4E;/*color tipografía títulos de entradas y enlaces, RSS, Admin*/

    pero también cambia el color de los enlaces, RSS y otras cosas, como alguna vez escribé en el comentario al lado del color, la cuestión sería que solo cambien los títulos de las entradas, habrá algún de talle equivocado que no reconoce la línea que sugiere Pedro Raúl?

    Gracias, salus.

  • #44863

    imported_fliberty
    Participante

    Al colocar el estilo
    a{color:tucolor}

    estás aplicando el estilo a todos los enlaces

    En todo caso si quieres aplicar formato a los enlaces de encabezado H2, puedes hacer lo siguiente:
    h2 a {color:tucolor}

    o en todo caso puedes hacer el formato de esta forma:

    h2.post a{color:tucolor}

    ó .post h2 a{color:tucolor}

    Estos dos últimos formatos buscan todos los encabezados que sean enlaces y les cambia el color; pero este último busca un class=”post” luego un H2 y finalmente que sea un enlace (es lo mismo que el anterior, pienso).

  • #44864

    fum
    Participante

    Gracias Fliberty, pero ni modo cambia siempre títulos y enlaces juntos, la línea de abajo no suerte efecto en ninguna de los modos propuestos.¿?

  • #44869

    Pedro Raul
    Participante

    pues te has equivocado.

    debería quedarte así:
    fíjate en los cierres de las llaves.

    este código que has puesto:

  • #44874

    fum
    Participante

    Pedro Raúl, creo que entendí como funcionan las llaves, copié y pegué el código que enviaste pero no funcionó. Por las dudas en la línea para los títulos probé con el código que envió Fliberty y…

    (Trompetas!) FUNCIONÖ!!! 😀

    Muchas gracias a los dos, hace meses que quería hacer esto!
    Saludos!

  • #44876

    Pedro Raul
    Participante

    El código puede ensuciarse por el sistema foro, ya que se como alguna cosas y añade otras.

    Te sugiero que leas cerca de los selectores css y la forma en que funcionan.

  • #44881

    fum
    Participante

    Quizás se haya ensuciado el código al cortar y pegar, no lo pensé, en concreto lo que funcionó quedó así:

    a{color: #4E4E4E}/*color de los enlaces*/
    .post h2 a{color:#f76005}/*color de los títulos de las entradas*/

    agregué los comentarios por que dentro de un tiempo ya no podría identificarlo.
    Claro que me vendría bien leer sobre CSS, pero ya que estamos una pregunta: como no tengo ningún conocimiento por dónde empiezo, de algún lado saqué que antes que nada debería comprender el HTML y luego avanzar sobre PHP y CSS, o no es tan así?

    Gracias otra vez.

  • #50605

    sanguango
    Participante

    Hola, tengo el mismo problema que FUM tenía. He tratado de seguir las indicaciones que aquí sugieren pero no logro resolverlo. Quiero que los titulos de mis entradas y los enlaces que se encuentran en el texto de mis entradas sean diferentes. Actualmente tengo este codigo en mi hoja de estilos:

    Muchas gracias de antemano!

  • #50620

    Pedro Raul
    Participante

    url del blog

  • #50623

    Pedro Raul
    Participante

    esta es el selector que debe manipular.

    style.css (línea 921

    .post a, post h2 a:visited {
    color: #780000;
    font-size: 13px;
    padding-left: 0;
    }

  • #50626

    sanguango
    Participante

    Muchas gracias Pedro Raul. Veo que los valores que tu has puesto aquí y los valores que figuran luego de la linea 921 son un poco distintos. Debo ponerlos como tu has sugerido? O estoy entendiendo mal? Disculpa mi ignorancia, es que no tengo idea de programación, estoy tratando de hacer un esfuerzo para comprender. Qué es exactamente lo que debería agregar o modificar para que los titulos de mis entradas y los enlaces tengan un estilo diferente? Mil gracias

  • #50627

    imported_fliberty
    Participante

    Primero en tu theme o visualizando el código fuente de tu página identifica el contenedor del título, normalmente este está dentro de <h2>

    Puede estar: [h2][a href=”…..”]titulo[/a][/h2]
    Anterior a esto busca la etiqueta que los contiene, normalmente <div class=”post”> puede ir post, articulo, etc, que se yo o sea en el orden siguiente:

  • #50634

    sanguango
    Participante

    Fiberty, gracias por tu mensaje, pero sigo sin entender. Cual es la diferencia entre el codigo que tu sugieres y lo que actualmente ya se encuentra en la pagina:

    Este codigo tambien se refiere a

    o no? Si fueras tan amable de decirme: mira, borra esto y agrega aquello; creo que va a ser mucho mas facil porque no entiendo nada de programacion.

    Disculpas y gracias por la ayuda

  • #50638

    imported_fliberty
    Participante

    Para saber exactamente cuál es el contenedor de tu título, tendrías que dejarnos la URL de tu web.

    Lo que te mencionaba era lo siguiente, por ejemplo acceso al código fuente de mi página y busco la parte donde se menciona el título del artículo, y no fijo sólo en el título si no también en sus contenedor superior; en el caso de mi página (pachakamaq.com), el código del título tiene la siguiente forma:

    La primera línea es el contenedor del título, se define por la clase post-title (esto varía según la programación de tu web).
    En la segunda línea empieza el título, con un encabezado H2, seguido del enlace “a href”, sigue el contenido del título (anchor text), se cierra la etiqueta de enlace, se cierra el encabezado H2, y siguen otros contenedores con las clases post-edit y clear, que para el ejemplo no vienen al caso.

    A nosotros en este caso lo que nos importa son las líneas anteriores, si tenemos en cuenta esto el orden para aplicar el formato CSS sería: [b].clase encabezado enlace[/b]

    Teniendo como resultado:

    Es decir, si en html tenemos que cerrar las etiquetas en el orden como las hemos abierto, en CSS tenemos que dar formato en el orden de las etiquetas asignadas en html.

    Espero que me hayas entendido.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido