Soporte » Diseño – Temas y plantillas » Cambiar colores a mi tema

  • Hola buenas noches.

    Antes de nada agradecerles la ayuda que me estan brindado. Queria comentarles el siguiente problema, seguramente para ustedes sea realmente sencillo pero para mi se esta haciendo un mundo. Mi consulta es, ¿como puedo cambiar los colores de mi tema? es decir, me interesa que las palabras que contienen un link se puedan poner de un color, y cuando escribo un POST el titulo se resalte en algún color que no sea el gris. La dirección de mi web es la siguiente: http://www.victorsnk.com/blog.html

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador Mariano Perez

    (@mpcdigital)

    Programándolo en el archivo css de tu tema lo puedes hacer

    Iniciador del debate victorsnkweb

    (@victorsnkweb)

    Hola mpcdigital, quería agradecer la celeridad de tu respuesta, ¿me podrías concretar un poco más donde debo de entrar para poder modificar esto? o concretamente, ¿que parametros hacen referencia a los links o cuerpo del texto y tal? El código CSS de mi blog es el siguiente:

    `/* FONTS */

    body{
    font-family: Helvetica, Arial, sans-serif;
    color: #696969;
    font-size: 1em;
    line-height: 1.5em;
    font-size: 100%;
    font-size-adjust: none;
    font-variant: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    }

    p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1em 0 1.5em 0;
    padding: 0;
    }

    h1 {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 0.5em;
    }

    h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.25;
    margin-bottom: 0.75em;
    }

    h3 {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 1em;
    }

    h4 {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.25;
    margin-bottom: 1.25em;
    }

    h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
    }

    h6 {
    font-size: .75em;
    font-weight: bold;
    }

    h1, div#header h1 span, h2, h3, h4, h5, textarea#comment, input#author, input#email, input#url {
    font-family: Georgia, «Times New Roman», serif;
    color: #585858;
    }

    div#content small, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed {
    font-size: .75em;
    }

    #header span {
    font-size: 0.65em;
    font-weight: normal;
    }

    hr{
    border: 0;
    margin: 30px 0 30px 0;
    border-bottom:1px dotted #d1d1d1
    }

    h2.title {
    font-size: 1.5em;
    font-weight: normal;
    }

    /* SITE-WIDE */

    .left {
    float:left;
    }

    .right {
    float:right;
    }

    .center {
    text-align:center;
    }

    p.right {
    text-align:right;
    }

    p.center {
    text-align:center;
    }

    p.admin {
    color: #aaa;
    font-size: 12px;
    }

    p.nocomments {
    padding: 0 20px;
    font-style: italic;
    color: #585858;
    }

    p.pagelink {
    word-spacing: 5px;
    }

    p.pagelink a {
    padding: 5px;
    border: 1px dotted #d1d1d1;
    }

    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float: left;
    }

    .alignright{
    float: right;
    }

    img.alignleft{
    margin-right: 15px;
    margin-bottom: 15px;
    }

    img.alignright{
    margin-left: 15px;
    margin-bottom: 15px;
    }

    img.aligncenter{
    margin-bottom: 15px;
    }

    img.size-full {
    max-width: 500px;
    }

    .frame {
    padding: 5px;
    border: 1px dotted #d1d1d1
    }

    blockquote, .comment-field {
    padding: 10px 10px 0 10px;
    border: 1px dotted #d1d1d1;
    background-color:#fcfcfc;
    margin-bottom: 20px;
    font-style: italic;
    }

    blockquote p {
    margin-top: 0 !important;
    }

    div.gallery {
    margin-bottom: 14px;
    }

    dl.gallery-item {}
    dt.gallery-icon {}

    img.attachment-thumbnail {
    border:0;
    }

    dd.gallery-caption {
    color: #585858;
    font-size: 0.75em;
    font-style: italic;
    margin-top: 8px;
    }

    table {
    border: 1px dotted #d1d1d1;
    padding: 15px;
    margin-bottom: 1.5em;
    }

    td{
    padding: 5px 5px;
    border-right: 1px dotted #d1d1d1;
    }

    th{
    padding-bottom: 5px;
    padding: 5px 5px;
    }

    caption{
    font-weight: bold;
    border-bottom: 1px dotted #d1d1d1;
    padding-bottom: 10px;
    margin-bottom: 5px;
    }

    /* LINKS */

    a {
    color: #585858;
    text-decoration: none;
    border-bottom: 1px dotted #d1d1d1;
    }

    a:hover {
    color: #00a9da;
    border-bottom-color: #00a9da;
    }

    div.postmeta span.comments a {
    font-weight:bold;
    text-transform: uppercase;
    padding: 2px 5px 1px 0px !important;
    margin-right: 2px;
    border: 0;
    border-right: 1px dotted #d1d1d1;
    }

    h1 a:hover, h2 a:hover {
    text-decoration: none;
    }

    h1 a:link, h1 a:active, h1 a:visited {
    color: #585858;
    }

    a.more-link, a.post-edit-link,div.reply a{
    padding: 5px;
    border: 1px dotted #d1d1d1;
    }

    /* HEADS */

    div#content h1{
    margin-bottom: 8px;
    padding-bottom: 16px;
    }

    div#content h1.listhead {
    font-size: 0.85em;
    text-transform: uppercase;
    background: #f8f8f8;
    border: 1px dotted #d1d1d1;
    margin: 0 0 20px 0;
    padding: 10px !important;
    }

    ul#sidebar h2, div.nav{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    }

    ul#sidebar h2 {
    margin-bottom: 10px;
    }

    #header {
    margin-bottom: 25px;
    border-bottom: 1px dotted #d1d1d1;
    }

    h1.blog-title {
    font-size: 1.5em;
    padding: 40px 0 30px 0;
    }

    h1.blog-title a:link, h1.blog-title a:active, h1.blog-title a:visited{
    border-bottom: none;
    }

    h1.blog-title a:hover {
    border-bottom: 1px dotted #d1d1d1;
    }

    /* MENU */

    /* 1st level */
    .menu {
    position:relative;
    font-size: 0.95em;
    height: 45px;
    line-height: 3em;
    list-style: none;
    margin:0;
    padding-top:2px;
    border-top: 1px dotted #d1d1d1;
    }

    .menu li {
    float:left;
    list-style:none;
    padding:0;
    position:relative;
    }

    .menu ul li {
    _display: inline;
    _width: 100%;
    }

    #menu-navigation ul li {
    width: 110px;
    }

    .menu li a {
    color: #585858;
    border-bottom: 0;
    display:block;
    margin-right: 15px;
    width: 100%;
    }

    .menu li a:hover {
    color: #00a9da;
    border-bottom: 0;
    }

    /*2nd level*/
    .menu li ul {
    display: none;
    float:none;
    position: absolute;
    padding:0;
    left: 0;
    top: 98%;
    z-index:1;
    }

    .menu ul li ul {
    top: -1px;
    left: 100%;
    width: 100%;
    }

    ul li.page_item ul {
    top: 100%;
    left: 0;
    }

    .menu li ul li {
    padding-left: 10px;
    }

    .menu ul.children {
    margin-left: 0;
    }

    .menu li ul li a {
    padding:0;
    }

    .menu ul ul li {
    float:none;
    }

    .menu ul ul li a {
    display: inline-block;
    padding:0;
    width: 100%;
    }
    .menu li:hover > ul{
    background:#ffffff;
    border: 1px dotted #d1d1d1;
    box-shadow: 3px 2px 5px #d1d1d1;
    clear:both;
    display:block;
    }

    /* 3rd level */
    .menu ul ul ul {
    top:0;
    left:100%;
    }

    .menu ul li li ul.children {
    margin-top: 0;
    }

    /*LAYOUT*/

    #wrapper {
    width: 900px;
    margin: auto;
    }

    #content {
    width: 600px;
    padding-right: 30px;
    float: left;
    }

    #content img {
    padding: 10px;
    border: 1px dotted #d1d1d1;
    }

    #content .wp-smiley {
    padding: 0;
    border: 0;
    }

    #content ul li {
    list-style: none;
    line-height: 21px;
    }

    #content ul, #content ol {
    margin-bottom: 20px;
    }

    #content ol li {
    margin-left: 20px;
    line-height: 21px;
    }

    .wp-caption {
    font-size: 0.85em;
    font-style: italic;
    text-align:center;
    padding: 0 25px;
    max-width: 500px;
    margin: 0 !important;
    }

    .wp-caption-text {
    padding-top: 10px;
    }

    p.page-link {
    display: inline;
    font-size: 0.75em;
    border: 1px dotted #d1d1d1;
    padding: 5px 10px;
    }

    p.page-link a {
    color: #bbb;
    border: none;
    padding: 0 10px;
    border-right: 1px dotted #d1d1d1;
    }

    p.page-link a:hover {
    color: #555;
    }

    p.page-link a:last-of-type {
    border-right: 0;
    }

    div#content embed, .embedded {
    text-align:center;
    margin: 0 0 14px 0;
    }

    div#content p span {
    background: #fcfcfc;
    }

    .sticky {
    padding: 20px;
    background-color: #fcfcfc;
    border: 1px dotted #d1d1d1;
    margin-bottom: 25px;
    }

    .sticky hr, .sticky .postmeta {
    display: none;
    }

    .sticky h2 a {
    border: 0;
    }

    .sticky h2 {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px dotted #d1d1d1;
    }

    h2.comments-title {
    margin-bottom: 25px !important;
    }

    div.comment-body p {
    margin-bottom: 10px !important;
    }

    div.postmeta {
    margin-bottom: 10px;
    line-height: 1.4;
    }

    ul.commentlist {}

    ul.comment li div.comment-author, ul.comment li div.comment-meta {
    font-size: 0.75em;
    line-height: 16px;
    }

    div.comment-author cite.fn {
    font-family: Georgia, «Times New Roman», serif;
    font-size: 1em;
    font-style: normal;
    font-weight:bold;
    }

    div.comment-author cite.fn a {
    text-decoration: none;
    }

    div.comment-meta {
    font-size: 0.75em;
    }

    div.comment-author {
    margin: 0 0 5px 0;
    }

    div.comment-author img {
    float: left;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    }

    li.comment {
    margin-bottom: 10px;
    border-bottom: 1px dotted #d1d1d1;
    padding-bottom: 10px;
    }

    ul.commentlist li.even {}
    ul.commentlist li.odd {}
    ul.commentlist li.bypostauthor {}

    ul.comment li.pingback {
    font-size: 0.75em;
    color: #777;
    padding: 0 0 10px 5px;
    }

    ul.comment li.pingback a {
    font-size: 0.75em;
    font-weight:normal;
    }

    ul.comment li.pingback p, ul.comment li.pingback span, ul.comment li.pingback div.comment-meta, ul.comment li.pingback div.reply {
    display:none;
    }

    div.reply {
    display:block;
    overflow: hidden;
    padding: 5px 0 5px 0;
    }

    ul.children {
    margin: 45px 0 20px 20px;
    }

    ul.children li {
    margin: 10px 0;
    padding-left: 10px;
    border-left: 1px dotted #d1d1d1;
    border-bottom: 0;
    margin-left: 0 !important;
    }

    div#respond {
    margin-top: 20px;
    }

    div#respond h3 {}

    table.commenttable {
    border:0;
    padding: 0;
    }

    table.commenttable tr td {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    }

    form#commentform {}

    input#author, input#email, input#url {
    margin-bottom: 5px;
    padding: 10px;
    width: 580px;
    border: 1px dotted #d1d1d1;
    }

    #searchform input.keyword{
    padding: 8px;
    width: 230px;
    color: #585858;
    border: 1px dotted #d1d1d1
    }

    #searchform input.button {
    margin-left: 102px;
    display: none;
    }

    textarea#comment {
    width: 580px;
    height: 150px;
    padding: 10px;
    border: 1px dotted #d1d1d1;
    }

    #sidebar {
    float: left;
    width: 230px;
    border-left: 1px dotted #d1d1d1;
    padding-left: 20px;
    }

    .widget{
    margin-bottom: 20px;
    }

    ul#sidebar ul.children {
    margin: 5px 0 0 0;
    }

    ul#sidebar ul.children li {
    border: 0;
    }

    ul#sidebar li {
    list-style: none;
    margin: 0 0px 20px 0;
    line-height: 18px;
    }

    ul#sidebar li ul li {
    margin-bottom: 5px;
    }

    ul#sidebar li ul li ul {
    margin: 5px 0 0 10px;
    }

    ul#sidebar li.widget_tag_cloud,li#tag_cloud {
    line-height: 28px !important;
    word-spacing: 5px
    }

    li#search {}
    ul#sidebar li.categories {}

    #calendar_wrap {
    text-align:center;
    }

    #footer {
    width: 100%;
    margin-top: 50px;
    border-top: 1px dotted #d1d1d1;
    clear:both !important;
    float: left;
    padding: 50px 0 30px 0;
    line-height: 0;

    Muchas gracias por la ayuda de verdad. Un saludo.

    Iniciador del debate victorsnkweb

    (@victorsnkweb)

    Hola. Lo consegui, ahora la pregunta que no consigo solucionar es lo siguiente:

    Cuando escribo un POST, el titulo ya aparece en rojo como si fuera un link, ¿como hago para que este titulo sea negro? Cual es la linea que debo de modificar?

    Moderador Mariano Perez

    (@mpcdigital)

    El apartado donde pone

    h2.title {
    font-size: 1.5em;
    font-weight: normal;
    }

    es la clase del título de las entradas. Eso es lo que debes modificar.

    Victor, en librosweb.es hay unos manuales interesantes de CSS que pueden llegar a serte útiles en un futuro.

    Saludos

    Iniciador del debate victorsnkweb

    (@victorsnkweb)

    GRACIAS!! @mpcdigital! voy a ellos, gracias tomascot me los mirare!

    Iniciador del debate victorsnkweb

    (@victorsnkweb)

    mpcdigital imagino que debo de tocar en el apartado de LINK? no? pero … donde aparece el tipo de letra que debo de cambiar, ¿color? ¿aspecto? …. ahí solo me aparece tamaño.

    mIL GRACIAS DE NUEVO! TE DEBO UNA … O DOS

    Victor, debajo de

    h2.title {
    font-size: 1.5em;
    font-weight: normal;
    }

    vas a tener que crear debajo de ese selector uno que se llame igual pero que tenga un a, debería quedarte así.

    h2.title a {
    color:black; /* sino color:#000; */
    font-family: nombre de las fuentes; /* aqui debes colocar el nombre de la fuente, ten en cuenta que quien visite la pagina debe tener la fuente instalada para poder verla correctamente */
    }

    Suerte!

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Cambiar colores a mi tema’ está cerrado a nuevas respuestas.