• Resuelto loscomilones

    (@loscomilones)


    Hola!!

    Tengo varias dudas que no consigo resolver con mi web.

    1. Cómo acercar la barra del menú superior al contenido de la web. Es decir, reducir el espacio de separación.
    2. Cómo poner una barra negra debajo del menú.
    3. Cómo alinear la fecha de los post con el titulo del post, se cambia a una nueva línea si lo centro.

    Mi web para que lo podáis ver es… http://loscomilones.com/

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Peter Olle

    (@peterolle)

    Pon lo siguiente en tu CSS.

    /*para el menu*/
    .container.topmenuarea {margin-bottom: 0;}
    #topmenu ul li a {line-height: 2.1em;}
    .rowheader {
    	min-height: 30px;
    	border-bottom: 1px solid #000000;
    }
    
    /*para la fecha*/
    .entry-date  {margin-left: 90px;}
    Iniciador del debate loscomilones

    (@loscomilones)

    Muchas gracias Peter!! ya lo he solucionado!!

    Otra duda que me ha surgido.
    Me gustaría poner esa misma línea negra que aparece http://loscomilones.com/hola-mundo/ debajo de home> sin categoría, y también las dos líneas discontinuas que aparecen en la zona de los comentarios y sustituir la línea de puntos de la barra lateral por una solida.

    Un saludo y gracias adelantadas!!
    🙂

    Peter Olle

    (@peterolle)

    Home > sin categoría.

    En tu CSS tienes esto:

    #breadcrumbs {
    	font-family: 'Lato',sans-serif;
    	font-size: 13px;
    	letter-spacing: 1px;
    	text-transform: uppercase;
    	font-weight: 400;
    	background: url(images/dot-border.jpg) repeat-x bottom;
    	padding: 12px 0 5px 0;
    }

    Cambialo por esto:

    #breadcrumbs {
    	font-family: 'Lato',sans-serif;
    	font-size: 13px;
    	letter-spacing: 1px;
    	text-transform: uppercase;
    	font-weight: 400;
    	border-bottom: 1px solid #000000;
    	padding: 12px 0 5px 0;
    }

    Barra lateral.

    En tu CSS tienes esto:

    .widget {
    border-bottom: 1px dotted grey;
    clear: both;
    padding: 10px 0 10px;
    }

    Cambialo por esto:

    .widget {
    border-bottom: 1px solid #000000;
    clear: both;
    padding: 10px 0 10px;
    }

    Comentarios.
    Para las cabeceras de los comentarios agrega esto:

    #comments-list h3 {
    	border-bottom: 1px solid #000000;
    	background: none;
    }
    
    #reply-title {
    	border-bottom: 1px solid #000000;
    	background: none;
    }

    Para los campos de los comentarios agrega esto:

    input#author, input#email, input#url, textarea#comment {
    	border-style: solid;
    }

    Por favor marca el tema como solucionado.

    Iniciador del debate loscomilones

    (@loscomilones)

    Gracias!!

    De nada 🙂

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Problemas con la separación del menú’ está cerrado a nuevas respuestas.