Eliminar separación de títulos

qpvlde
(@qpvlde)

hace 10 años, 11 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 10 años, 11 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 10 años, 11 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 10 años, 11 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.

Etiquetas del debate

Vistas