Eliminar separación de títulos

  • qpvlde

    (@qpvlde)


    hace 11 años, 10 meses

    Buenas tardes!

    Estoy empezando con esto, así que disculpar si hago algo mal, o no me dirijo de forma adecuada, o en el sitio adecuado, agradeceré que me indiquen como dejar de ser un novato.

    El caso es que estoy modificando mi plantilla del theme suburbia y me he encontrado con dos problemas:

    1.- no se como eliminar las barras grises de separación entre títulos que me salen en mi página de presentación. Tras cada título una barra gris de lado a lado que es un poco molesta.

    2.- La leyenda de las imágenes no se diferencia del texto normal, por lo que en ocasiones se descuadra respecto de la foto y el diseño, además de confundirse con el texto. A esa funcionalidad y con esa plantilla en un blog alojado en WordPress.com no le pasa eso.

    Alguien me orienta como debo editar, o que codigo introducir.

    Si me indicarais algún manual para iniciarme en HTML y CSS, estaría muy agradecido y os quitaría algo de tranajo.

    Muchas gracias de antemano,

    Saludos,

    Ricardo.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Shinjiru_fred

    (@shinjiru_fred)

    hace 11 años, 10 meses

    Hola qpvlde.

    ¿Prodias darnos alguna dirección para ver tu sitio? para ayudarte a solucionar los problemas sería mejor ver el código que tienes.

    Saludos.

    Iniciador del debate qpvlde

    (@qpvlde)

    hace 11 años, 10 meses

    La página es http://www.tuitearte.es

    En la sección sobre tuitearte está lo de las barras grises (http://www.tuitearte.es/about/), y en la primera entrada los problemas de la leyenda (http://www.tuitearte.es/2012/05/27/saint-chapelle/)

    Muchas gracias,

    Ricardo.

    Shinjiru_fred

    (@shinjiru_fred)

    hace 11 años, 10 meses

    Hola qpvlde.

    El problema de la línea gris es simple de corregir. Debes modificar tu hoja de estilo, buscar la siguiente clase:

    .bottom h3 {
    border-top: 5px solid #E0E0E0;
    color: #000000;
    font: bold 13px/21px "Helvetica Neue",Helvetica,Verdana,"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
    margin-top: 20px;
    padding: 10px 0 0;
}

    Simplemente borra:

    border-top: 5px solid #E0E0E0;

    Inicia en la línea 120 de tu hoja de estilo que se encuentra en la siguiente ruta:

    wp-content/themes/suburbia/style.css

    El segundo problema que tienes creo que tiene que ver con opciones de configuración propias de tu tema. Seguramente tiene un apartado con cosas a modificar que afectan directamente al layout. Sería cuestión de que revisaras un poco el tema.

    De igual manera, una solución es.

    Ese es el código que se asigna a las leyendas

    <dd class="wp-caption-dd">Pierre de Montreuil. Saint Chapelle. París. 1248 Foto: usuario Flickr II conte di Luna</dd>

    Aquí puedes leer sobre la etiqueta < dd >

    Si ves la lista de definición < dd > contiene una clase llamada wp-caption-dd podrías probar colocando en tu hoja de estilo algo como:

    .wp-caption-dd {
     max-width: 500px;
}

    Lo que harás es colocarle un ancho máximo de 500px

    Sobre aprender CSS te puedo recomendar ver los video tutoriales de OutKast en youtube. Este es un tutorial de CSS xHTML y Javascript La explicación es bastante clara.

    Suerte, si tienes otro problema no dudes en comentar.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Eliminar separación de títulos’ está cerrado a nuevas respuestas.