Soporte » Diseño – Temas y plantillas » Problemas con colores y widget de texto

  • Hola! Mi problema está en el widget de texto html. El tema es que coloco varias imagenes con link a las redes sociales y en la web me salen una encima de la otra en lugar de salir todas en horizontal. He cambiado el tamaño de las imagenes y la cosa sigue igual. Me da a mi que tengo que modificar algo en el css pero no se el que. Que puedo haceR?

    Otro problema… intento cambiar los colores de fondo ya que el tema permite hacerlo fuera del css pero nada se cambia! Ayer con CSS si pude pero no encuentro como poner del mismo color todo el Footer, es decir que esté gris en todo lo ancho de la pantalla. Gracias!

    Blog: http://www.socialmediaproject.es

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Saludos alexsaporta.

    Primero que nada debo decirte que tienes un error en el html que corresponde a los links de las redes sociales. (he tomado solo fragmentos del código correspondiente a tus links de redes sociales)

    <div class="textwidget">
         <a target="new" href="https://twitter.com/SocialMProject">
              <img width="40" height="40" src="http://www.socialmediaproject.es/wp-content/uploads/2014/02/twitter_a.png">
              <href="https: target="new" "="" 539418139462237="" groups="" www.facebook.com="">
         </a>
         <a target="new" href="https://plus.google.com/b/100228776844915708422/+SocialmediaprojectEsSMP/posts">
              <img width="40" height="40" src="http://www.socialmediaproject.es/wp-content/uploads/2014/02/google+_r.png">
         </a>

    El href del primer link, específicamente:

    <href="https: target="new" "="" 539418139462237="" groups="" www.facebook.com="">

    No debería estar allí. Cada link de tus redes sociales debe tener el siguiente formato:

    <a target="new" href="https://plus.google.com/b/100228776844915708422/+SocialmediaprojectEsSMP/posts">
         <img width="40" height="40" src="http://www.socialmediaproject.es/wp-content/uploads/2014/02/google+_r.png">
    </a>

    Una vez que resuelvas ese pequeño problema puedes colocar las imágenes en horizontal con la siguiente propiedad CSS:

    div.custom-sidebar .textwidget a {
         float: left;
    }

    Para que el pié de tu tema tome todo el color gris debes usar la siguiente propiedad: .footer-wrapper que viene siendo algo así como «envoltura de pié» xD siempre me causa gracia el nombre.

    Coloca:

    .footer-wrapper {
        background: #505353;
    }

    Has las modificaciones y cuéntanos que tal te va.

    Iniciador del debate alexsaporta

    (@alexsaporta)

    Bien!! Fue perfecto amigo, todo se solucionó 🙂 Muchas gracias! Ya que estamos te importa si pregunto algo más? ejejeje ¿Que añado en el css para cambiar el color de las letras a blanco? ¿Y con que atributo elimino la posibilidad de que se publique la fecha al publicar un post en la página principal? Gracias amigo!

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Problemas con colores y widget de texto’ está cerrado a nuevas respuestas.