Cómo cambiar el color de las letras del título del Blog?

Inicio Foros WordPress Themes y Diseño Cómo cambiar el color de las letras del título del Blog?

Etiquetado: 

Este debate contiene 15 respuestas, tiene 3 mensajes y lo actualizó  imported_emip3 hace 9 años, 1 mes.

  • Autor
    Publicaciones
  • #14257

    imported_emip3
    Participante

    <p>Hola amigos, les hago una consulta parecida: Necesito cambiar el color del título del blog, pero no me doy cuenta qué tengo que cambiar en mi CSS, es decir, no me doy cuenta donde se hace referencia al color de las fuentes del título del blog. Si, se que es una tontera pero no me puedo dar cuenta, o por lo menos no lo encuentro. Gracias! El theme es el Arclite y el blog es: http://www.estudio-tla.com.ar
    </p>

  • #31831

    imported_Fernando
    Participante

    Pega por aquí el style.css dentro de una etiquetad de “code”, ahí estará 😉

  • #31836

    imported_emip3
    Participante

    Aquí va:
    [code]/*

    Theme Name: Arclite

    Theme URI: http://digitalnature.ro/projects/arclite

    Description: Simple but elegant theme with lots of theme options. Designed by digitalnature.

    Version: 1.5.4

    Author: digitalnature

    Author URI: http://digitalnature.ro

    Tags: light, brown, two-columns, flexible-width, right-sidebar, theme-options, threaded-comments, custom-header

    Arclite WordPress theme

    http://digitalnature.ro/projects/arclite

    Design and coding by digitalnature

    http://digitalnature.ro

    The CSS, XHTML and design is released under GPL.

    http://www.opensource.org/licenses/gpl-license.php

    */

    /* global prop. */

    *{

    margin: 0;

    padding: 0;

    }

    /* try to use custom fonts trough css3 (opera 10+, safari 3.1+ and ff 3.5+) */

    @font-face {

    font-family: “Union”;

    src: url(“fonts/union.ttf”) format(“truetype”);

    }

    @font-face {

    font-family: “Share”;

    src: url(“fonts/share.ttf”) format(“truetype”);

    }

    /*** COMMON ELEMENTS ***/

    html, body{

    height:100%;

    }

    html{

    font-size: 100%;

    }

    body{

    font-family: “Lucida Grande”, “Lucida Sans Unicode”, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-size: .8em;

    font-style: normal;

    color: #000;

    background: #261c13;

    min-height:100%;

    height:auto !important; /* ie6 ignores it */

    height:100%; /* fix */

    position: relative;

    }

    /* links */

    a{

    color: #0071bb;

    }

    a:hover{

    color: #f44365;

    text-decoration: none;

    }

    /* headings */

    h1{

    font-family: “Union”, “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-weight: bold;

    font-size: 360%;

    letter-spacing: -0.04em;

    line-height: 100%;

    margin: .5em 0 .5em;

    }

    h2{

    font-family: “Union”, “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-weight: normal;

    font-size: 220%;

    letter-spacing: -0.04em;

    line-height: 110%;

    margin: .5em 0 .2em;

    }

    h3{

    font-family: “Arial Black”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-size: 180%;

    font-weight: normal;

    letter-spacing: -0.04em;

    line-height: 110%;

    margin: .5em 0 .2em;

    text-shadow: #fff 1px 1px 1px;

    }

    h4{

    font-family: “Share”, “Arial Narrow”, Arial, Sans;

    font-size: 200%;

    font-weight: normal;

    margin: .5em 0 .2em;

    }

    h5{

    font-family: “Palatino Linotype”, Georgia, Serif;

    font-size: 150%;

    font-weight: bold;

    margin: .5em 0 .2em;

    letter-spacing: -0.02em;

    }

    h6{

    font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-size: 125%;

    font-weight: normal;

    text-transform: uppercase;

    margin: .5em 0 .2em;

    }

    /* tables */

    table{

    margin: .5em 0 1em;

    }

    table td, table th{

    text-align: left;

    border-right: 1px solid #e8e1c8;

    padding: .4em .8em;

    }

    table th{

    background: #ab967e url(images/table-header.gif) repeat-x left top;

    color: #fff;

    text-transform: uppercase;

    font-weight: normal;

    border-bottom: 1px solid #e8e1c8;

    }

    table td{

    background: #d8ceb6;

    }

    table tr.even td{

    background: #e1d9c3;

    }

    table tr:hover td{

    background: #f0eada;

    }

    /* forms */

    input, textarea, select{

    font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-size: 100%;

    margin: .2em 0;

    }

    input, textarea{

    padding: .2em .4em;

    }

    input.radio, input.checkbox{

    background: #fff;

    padding: 2px;

    }

    form label{

    font-weight: normal;

    }

    fieldset{

    padding: .8em;

    border: 1px solid #d2c7af;

    }

    legend{

    padding: 2px 15px 10px 15px;

    text-transform: uppercase;

    font-style: italic;

    font-size: 115%;

    }

    /* lists */

    ul, ol{

    margin: .4em 0 1em;

    line-height: 150%;

    }

    ul li, ol li{

    list-style-position:outside;

    margin-left: 1.6em;

    }

    dl{

    padding: .3em 0 .8em;

    }

    dt {

    float: left;

    clear: left;

    width: 9em;

    text-align: right;

    font-weight: bold;

    text-decoration: underline;

    }

    dd {

    margin: 0 0 0 10em;

    padding: 0 0 0.5em 0;

    }

    /* other */

    p{

    margin: .6em 0 .3em;

    line-height: 125%;

    }

    img{

    border: 0;

    }

    hr{

    color: #b4aca1;

    background: #b4aca1;

    border-bottom: 1px solid #f6f4eb;

    }

    small{ font-size: 80%; }

    pre{

    overflow: auto;

    white-space: pre-wrap; /* css3 */

    white-space: -moz-pre-wrap; /* ff */

    word-wrap: break-word; /* ie */

    font-size: 12px;

    font-family: “Courier New”, Courier, “Lucida Console”, Monaco, “DejaVu Sans Mono”, “Nimbus Mono L”, “Bitstream Vera Sans Mono”;

    background: #fff;

    padding: .4em;

    margin: 1em 0;

    }

    blockquote{

    margin: 1em 25% 1em 0;

    padding: .2em .2em .2em 5em;

    border: 1px dotted #937d68;

    font-style: italic;

    color: #937d68;

    background: #fff url(images/blockquote.png) no-repeat 4px top;

    }

    blockquote p{

    padding: 8px;

    margin: 2px;

    }

    /*** BASIC LAYOUT ***/

    #page{

    width: 100%;

    margin: 0 auto;

    position: relative;

    }

    .block-content{

    width: 100% !important;

    width: 960px; /* for ie 6 */

    min-width: 780px;

    max-width: 1200px;

    margin: 0 auto;

    display: block;

    }

    #main-wrap1{ background: #eeead9; }

    #main-wrap2{

    border-top: 1px solid #fff;

    }

    #main{

    padding-top: 20px;

    }

    .mask-main {

    position:relative; /* This fixes the IE7 overflow hidden bug */

    clear:both;

    float:left;

    width:100%;

    overflow:hidden; /* This chops off any overhanging divs */

    }

    .mask-main .mask-right,

    .mask-main .mask-mid,

    .mask-main .mask-left {

    float:left;

    width:100%;

    position:relative;

    }

    .mask-main .col1,

    .mask-main .col2,

    .mask-main .col3 {

    float:left;

    position:relative;

    padding:0;

    overflow:hidden;

    }

    .rightdiv {

    }

    /*** 2 column layout ***/

    #page.with-sidebar .mask-main .mask-left {

    right:30%; /* right column width */

    }

    #page.with-sidebar .mask-main .col1 {

    width:70%; /* left column width */

    left:30%; /* right column width */

    }

    #page.with-sidebar .mask-main .col2 {

    width:30%; /* right column width */

    left:30%; /* right column width */

    }

    /*** 3 column layout ***/

    #page.with-sidebar.and-secondary .mask-main .mask-left {

    right:25%; /* right column width */

    }

    #page.with-sidebar.and-secondary .mask-main .col1 {

    width:50%; /* left column width */

    left:25%; /* right column width */

    }

    #page.with-sidebar.and-secondary .mask-main .col2 {

    width:25%; /* right column width */

    left:25%; /* right column width */

    }

    #page.with-sidebar.and-secondary .mask-main .col3 {

    width: 25%;

    left: 25%;

    }

    .clear-content{

    height: 1px;

    clear: both;

    display: block;

    }

    /*** HEADER ***/

    #header{

    height: 190px;

    position: relative;

    z-index: 1000;

    color: #fff;

    }

    #header .block-content{

    height: 190px;

    }

    #header-wrap{

    width: 100%;

    background: #261c13;

    }

    #pagetitle{

    padding: 3em 0 0 1em;

    }

    #pagetitle h1.logo{

    font-family: “Arial Black”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-size: 500%;

    float: left;

    padding: .1em 0 0 0;

    margin: 0;

    letter-spacing: -0.1em;

    font-variant: small-caps;

    font-weight: normal;

    color: #4b8a08;

    }

    #pagetitle h1.logo a{

    color: #4b8a08;

    text-decoration: none;

    }

    #pagetitle h1.logo a:hover{

    color: #fff;

    }

    #pagetitle h4{

    float: left;

    border-left: 1px solid #8e7762;

    padding: .6em 0 .6em .8em;

    margin-left: 1em;

    color: #e9e2c9;

    }

    /* search */

    .search-block{

    background: transparent url(images/search-bg.png) no-repeat left top;

    position: absolute;

    right: 2em;

    bottom: 1em;

    }

    .search-block .searchform-wrap{

    background: transparent url(images/search-go.png) no-repeat right top;

    width: 146px;

    height: 30px;

    }

    .search-block input{

    background: none;

    border: 0;

    color: #928a85;

    float: left;

    width: 100px;

    padding: 0;

    margin: 0;

    }

    .search-block input.searchfield{

    margin: 5px 0 0 8px;

    }

    .search-block fieldset{

    border: 0;

    padding: 0;

    }

    .search-block input.go{

    width: 36px;

    height: 30px;

    text-transform: uppercase;

    text-align: center;

    float: right;

    color: #fff;

    }

    /* main navigation */

    #nav-wrap1{

    background: transparent url(images/nav-left.png) no-repeat left top;

    padding-left: 25px;

    position: absolute;

    z-index: 100;

    top: 170px;

    left: 1em;

    height: 64px;

    }

    #nav-wrap2{

    background: transparent url(images/nav-bg.png) no-repeat right top;

    padding-right: 25px;

    height: 64px;

    float: left;

    }

    #nav-wrap2 ul#nav, #nav-wrap2 ul#nav li{

    padding: 0;

    margin: 0;

    list-style-type: none;

    }

    #nav-wrap2 ul#nav{

    background: transparent url(images/nav-div.png) no-repeat right top;

    padding-right: 2px;

    display: block;

    height: 64px;

    }

    #nav-wrap2 ul#nav li{

    display:inline;

    float: left;

    position: relative;

    background: transparent url(images/nav-div.png) no-repeat left top;

    padding-left: 2px;

    }

    #nav-wrap2 ul#nav li a{

    display: block;

    margin-top: 1px;

    height: 35px;

    float: left;

    color: #b5d1e6;

    text-decoration: none;

    font-size: 120%;

    }

    #nav-wrap2 ul#nav li a:hover{

    color: #fff;

    }

    #nav-wrap2 ul#nav .fadeThis {

    position:relative;

    z-index: 1;

    background: none;

    }

    #nav-wrap2 ul#nav .fadeThis span.hover {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    height: 100%;

    width: 100%;

    background: transparent url(images/nav-active.png) repeat-x left top;

    z-index: -1;

    margin: 0;

    padding: 0;

    }

    #nav-wrap2 ul#nav li a span{

    display: block;

    margin-top: 6px;

    padding: 0 8px;

    }

    /* sub-menus */

    #nav-wrap2 ul#nav ul {

    position: absolute;

    background: #f7f5ef url(images/side-menu-active.png) repeat-x left bottom;

    display: none;

    width:200px;

    top: 36px;

    left: 0;

    margin: 0;

    font-style: italic;

    font-size: 100%;

    line-height: 100%;

    z-index: 99;

    border: 1px solid #fff;

    }

    #nav-wrap2 ul#nav ul ul{

    }

    #nav-wrap2 ul#nav li ul li{

    background: none;

    padding: 0;

    }

    #nav-wrap2 ul#nav a.active ul,

    #nav-wrap2 ul#nav li.current_page_item ul,

    #nav-wrap2 ul#nav li.current_page_ancestor ul,

    #nav-wrap2 ul#nav li.current-cat ul{

    background: #fff;

    }

    #nav-wrap2 ul#nav li.current_page_item ul ul,

    #nav-wrap2 ul#nav li.current_page_ancestor ul ul,

    #nav-wrap2 ul#nav li.current-cat ul ul{

    border: 1px solid #fff !important;

    }

    #nav-wrap2 ul#nav li ul a{

    width:180px;

    float:left;

    background: none;

    margin: 0;

    padding: 4px 10px;

    height: auto;

    color: #000;

    font-weight: normal;

    line-height: 125%;

    }

    #nav-wrap2 ul#nav li ul a span, #nav-wrap2 ul#nav li ul a span span{

    margin: 0;

    padding: 0;

    height: auto;

    float: none;

    }

    #nav-wrap2 ul#nav ul .fadeThis span.hover {

    background: #3b88b7;

    }

    #nav-wrap2 ul#nav li ul a:hover, #nav-wrap2 li ul#nav ul a:hover,

    #nav-wrap2 ul#nav a.active ul a:hover,

    #nav-wrap2 ul#nav li.current_page_item ul a:hover,

    #nav-wrap2 ul#nav li.current_page_ancestor ul a:hover{

    color: #fff;

    }

    #nav-wrap2 ul#nav ul a:hover, #nav-wrap2 ul#nav ul a:hover span,

    #nav-wrap2 ul#nav a.active ul a:hover span,

    #nav-wrap2 ul#nav li.current_page_item ul a:hover span,

    #nav-wrap2 ul#nav li.current_page_ancestor ul a:hover span,

    #nav-wrap2 ul#nav ul li.current_page_parent a:hover span,

    #nav-wrap2 ul#nav ul li.current_page_item a:hover span,

    #nav-wrap2 ul#nav ul li.current_page_parent li.current_page_item a:hover span{

    color:#fff;

    }

    #nav-wrap2 ul#nav li ul a span, #nav-wrap2 ul#nav li ul a span{

    background: none;

    }

    #nav-wrap2 ul#nav ul ul{

    top:auto;

    }

    #nav-wrap2 ul#nav li ul ul {

    left:195px;

    top: 4px;

    }

    #nav-wrap2 ul#nav li:hover ul ul, #nav-wrap2 ul#nav li:hover ul ul ul, #nav-wrap2 ul#nav li:hover ul ul ul ul{

    display:none;

    }

    #nav-wrap2 ul#nav li:hover ul, #nav-wrap2 ul#nav li li:hover ul, #nav-wrap2 ul#nav li li li:hover ul, #nav-wrap2 ul#nav li li li li:hover ul{

    display:block;

    }

    /* active submenus */

    #nav-wrap2 ul#nav ul li.current_page_parent a span,

    #nav-wrap2 ul#nav ul li.current_page_item a span,

    #nav-wrap2 ul#nav ul li.current_page_parent li.current_page_item a span{

    color: #2d83d5;

    }

    #nav-wrap2 ul#nav ul li.current_page_item li a span, #nav-wrap2 ul#nav ul li.current_page_parent li a span{

    color: #000;

    }

    /* IE 7 bug-fixes */

    #nav-wrap2 ul#nav li:hover { z-index: 100; }

    #nav-wrap2 ul#nav * li:hover { visibility: inherit; }

    /*** MAIN CONTENT ***/

    #main-content{

    padding: 2em 1em;

    }

    /* post */

    .post, .page{

    margin: 1em 0;

    }

    h3.post-title, h2.post-title{

    font-family: “Union”, “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    margin: 0;

    padding: .8em 0 .1em 0;

    font-size: 180%;

    font-weight: bold;

    letter-spacing: -0.04em;

    text-shadow: #fff 1px 1px 1px;

    }

    h3.post-title a, h2.post-title a{

    text-decoration: none;

    color: #000;

    }

    h3.post-title a:hover, h2.post-title a:hover{

    color: #df2e56;

    }

    /* large title on single page */

    h2.post-title{

    font-size: 250%;

    font-weight: normal;

    }

    .post p.post-date{

    background: #fff;

    width: 38px;

    height: 38px;

    display: block;

    margin: 0;

    padding: 0;

    position: relative;

    text-align: center;

    float: left;

    line-height: 100%;

    background: #fff url(images/date-bg.png) no-repeat left bottom;

    border: 1px solid #fff;

    }

    .post .post-date span.month{

    background: #f44365;

    border-bottom: 1px solid #fff;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    font-size: 85%;

    padding: 2px 0;

    text-transform: uppercase;

    }

    .post .post-date span.day{

    bottom: 1px;

    padding: 3px 0;

    left: 0;

    width: 100%;

    position: absolute;

    }

    .post p.post-author{

    background: transparent url(images/post-info.png) no-repeat left top;

    margin: 0 0 0 43px;

    padding: 0 12px;

    font-size: 110%;

    font-style: italic;

    border: 1px solid #f2efe5;

    min-height: 38px;

    color: #75695e;

    height: auto !important;

    height: 38px;

    line-height: 100%;

    }

    .post .post-author span.info{

    margin-top: 10px;

    display: block;

    }

    .post .post-content{

    clear: left;

    padding-bottom: .4em;

    }

    /* tags */

    .post p.tags{

    background: transparent url(images/tag.gif) no-repeat left top;

    font-size: 80%;

    color: #a8937b;

    padding: 0 0 0 13px;

    margin: 1em 0;

    }

    .post p.tags a{

    color: #6b5e50;

    text-decoration: underline;

    }

    .post p.tags a:hover{

    color: #0071bb;

    text-decoration: underline;

    }

    p.post-metadata{

    font-size: 80%;

    margin: 2em 0;

    padding: .6em 1em;

    color: #a8937b;

    background: #f4f1e9;

    border: 1px solid #fff;

    }

    p.post-metadata a{

    color: #6b5e50;

    text-decoration: underline;

    line-height: 150%;

    }

    p.post-metadata a:hover{

    color: #0071bb;

    text-decoration: underline;

    }

    /* comments */

    h3.comments{

    font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    padding: 0;

    margin: 2em 0 0 0;

    font-size: 150%;

    }

    ul#comments{

    margin: .6em 0 1em 0;

    list-style-type: none;

    padding: 0;

    }

    ul#comments ul{

    margin-left: 2em;

    list-style-type: none;

    }

    ul#comments li.comment, ul#comments li.trackback{

    width: 85%;

    margin: 0;

    padding: 0;

    }

    ul#comments li.comment li.comment{

    width: 100%;

    }

    .comment-mask{

    display: block;

    background: transparent url(images/comment-shadow.png) no-repeat right bottom;

    padding: 12px 6px 6px 0px;

    position: relative;

    }

    .trackback .comment-mask{

    background: none;

    }

    .comment-mask .avatar{

    width: 90px;

    height: 90px;

    background: transparent url(images/avatar.png) no-repeat center center;

    float: left;

    position: relative;

    }

    .comment-mask .avatar img{

    position: absolute;

    left: 13px;

    top: 13px;

    width: 64px;

    height: 64px;

    }

    .comment-main{

    background: #fff;

    padding: 1px;

    }

    .comment-wrap1{

    background: transparent url(images/comment-bg-right.png) no-repeat right bottom;

    }

    .comment-wrap2{

    background: transparent url(images/comment-bg-left.png) no-repeat left bottom;

    }

    .comment-head{

    background: #96816d url(images/comment-head.png) repeat-x left bottom;

    color: #fff;

    display: block;

    width: 100%; /* IE 7 fix */

    position: relative;

    }

    .trackback .comment-head{

    background: #7c7c7d;

    }

    .admincomment .comment-head{

    background: #125f9f url(images/comment-head-admin.png) repeat-x left bottom;

    }

    .comment-head p{

    padding: .5em 1em 1.5em 1em;

    margin: 0;

    font-style: italic;

    font-size: 90%;

    }

    .trackback .comment-head p{

    padding: .5em 1em;

    margin: 0;

    }

    .comment-head p a, .comment-head p a:visited{

    color: #ebe6da;

    }

    .comment-head p.controls{

    position: absolute;

    padding:0;

    display: none;

    top: 0;

    right: 6px;

    z-index: 10;

    font-style: normal;

    text-transform: uppercase;

    padding: 0 1em 0 0;

    margin: 22px 0 0 0;

    }

    .comment-head p.controls a{

    display: block;

    float: left;

    text-decoration: none;

    color: #0071bb;

    background: #fff;

    padding: 3px 6px;

    margin-right: 3px;

    border: 1px solid #96816d;

    }

    .comment-head p.controls a:hover{

    background: #96816d;

    color: #fff;

    border: 1px solid #eeebe3;

    }

    .admincomment .comment-head p.controls a:hover{

    background: #0071bb;

    }

    .comment-body{

    padding: 0;

    height: 60px;

    min-height:60px;

    height:auto !important; /* ie6 fix */

    font-size: 90%;

    }

    .comment-body p{

    padding: 0 1em 1em 1em;

    margin: 0;

    line-height: 150%;

    }

    .comment-body blockquote{

    margin-left: 100px;

    }

    /* comment form */

    #respond{

    display: block;

    margin: 1em 0;

    }

    li.comment #respond{

    margin-left: 100px;

    }

    /*** SIDEBAR ***/

    #sidebar, #sidebar-secondary{

    padding: 2em 1em;

    margin: 0;

    }

    #sidebar li.block, #sidebar-secondary li.block{

    list-style-type: none;

    margin: 0;

    padding: 0;

    }

    /* sidebar menu */

    ul.menu, ul.menu li{

    margin: 0;

    padding: 0;

    list-style-type: none;

    }

    ul.menu{

    padding: 0 12px;

    margin: 0 0 10px 0;

    display: block;

    }

    ul.menu li{

    background: transparent url(images/div-h.png) repeat-x left bottom;

    display: block;

    padding: 0 0 3px 0;

    width: 100%;

    }

    ul.menu li a{

    display: block;

    text-decoration: none;

    text-transform: uppercase;

    padding: 3px 30px 3px 12px;

    color: #000;

    font-size: 120%;

    }

    ul.menu li a:hover{

    color: #0071bb;

    }

    ul.menu .fadeThis {

    position:relative;

    z-index: 1;

    background: none;

    }

    ul.menu .fadeThis span.hover {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    height: 100%;

    width: 100%;

    background: #f7f5ef url(images/side-menu-active.png) repeat-x left bottom;

    z-index: -1;

    }

    /* sub menus */

    ul.menu li li{

    margin-left: 1.8em;

    padding: 0;

    float: none;

    background: none;

    width: auto;

    }

    ul.menu li li li{

    margin-left: 1em;

    }

    ul.menu li li a{

    text-transform: none;

    padding: 0;

    font-size: 100%;

    font-style: italic;

    }

    ul.menu li li a:hover{

    background: none;

    }

    /* rss popups */

    ul.menu li.cat-item {

    position: relative;

    }

    ul.menu li.cat-item a.rss{

    position: absolute;

    padding:0;

    display: none;

    background: transparent url(images/side-menu-rss.png) no-repeat center center;

    width: 24px;

    height: 22px;

    top: 0px;

    margin-top: 4px;

    right: 6px;

    z-index: 10;

    cursor: pointer;

    }

    ul.menu li.cat-item li.cat-item a.rss{

    background: none;

    visibility: hidden;

    }

    ul.menu li li .fadeThis {

    position:static;

    background: none;

    }

    ul.menu li li .fadeThis span.hover {

    display: none;

    }

    /* box */

    .box{

    background: transparent url(images/box-shadow.png) no-repeat bottom right;

    padding: 8px 12px;

    margin: 2em 0 1em;

    }

    .box .titlewrap{

    background: transparent url(images/box-title-left.png) no-repeat top left;

    padding-left: 35px;

    }

    .box .titlewrap h4{

    font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

    font-weight: normal;

    letter-spacing: -0.04em;

    background: transparent url(images/box-title-bg.png) no-repeat top right;

    display: block;

    padding: 0;

    margin: 0;

    color: #fff;

    font-size: 130%;

    text-transform: uppercase;

    letter-spacing: -0.04em;

    }

    .box .titlewrap h4 a{

    color: #fff;

    text-decoration: none;

    }

    .box.titlewrap h4 a{

    color: #ffc000;

    text-decoration: none;

    }

    .box .titlewrap span{

    padding: 6px 0;

    display: block;

    }

    .box .wrapleft{ background: #fff url(images/box-left-bg.png) repeat-y top left; }

    .box .wrapright{ background: transparent url(images/box-right-bg.png) repeat-y top right; }

    .box .bl{ background: transparent url(images/box-bl.png) no-repeat bottom left; }

    .box .tl{ background: transparent url(images/box-tl.png) no-repeat top left; }

    .box .br{ background: transparent url(images/box-br.png) no-repeat bottom right; }

    .box .tr{ background: transparent url(images/box-tr.png) no-repeat top right; }

    .box .the-content{

    padding: .4em 1em .6em 1em;

    min-height:92px;

    height:auto !important;

    height:64px; /* ie 6 fix */

    min-width: 64px;

    }

    /*** FOOTER ***/

    #footer{

    padding: 1em 0;

    color: #e7e0c7;

    border-top: 1px solid #fff;

    }

    #footer a{

    color: #a59079;

    }

    #footer a.rss{

    background: transparent url(images/rss.png) no-repeat left top;

    padding-left: 20px;

    }

    #footer a.toplink{

    padding: 1px 6px;

    background: #584d43;

    color: #9b856f;

    font-size: 50%;

    text-decoration: none;

    margin-left: 4px;

    }

    #footer .copyright{

    text-align: center;

    font-size: 85%;

    }

    #footer .add-content{

    text-align: center;

    margin: .6em 0;

    }

    /* footer links/widgets */

    ul#footer-widgets{

    margin: 0;

    padding: 0;

    color: #726a60;

    }

    ul#footer-widgets li.widget{

    float: left;

    padding: 0;

    margin: 0;

    width: 50%; /* default */

    list-style-type: none;

    }

    ul#footer-widgets.widgetcount-1 li.widget{ width: 50%; }

    ul#footer-widgets.widgetcount-2 li.widget{ width: 50%; }

    ul#footer-widgets.widgetcount-3 li.widget{ width: 33%; }

    ul#footer-widgets.widgetcount-4 li.widget{ width: 25%; }

    ul#footer-widgets.widgetcount-5 li.widget{ width: 20%; }

    ul#footer-widgets.widgetcount-6 li.widget{ width: 16%; }

    /* no point to add more than 6 widgets, unreadable */

    ul#footer-widgets h6.title{

    background: transparent url(images/div-h2.gif) repeat-x left bottom;

    padding: .1em .4em;

    font-style: italic;

    }

    ul#footer-widgets .the-content{

    margin: 0 1em;

    padding: .4em 0;

    }

    ul#footer-widgets li.widget ul{

    padding: 0;

    }

    ul#footer-widgets li.widget li{

    margin: 0;

    padding: 0;

    list-style-type: none;

    padding: .2em .6em;

    display: block;

    background: transparent url(images/div-h2.gif) repeat-x left bottom;

    position: relative;

    margin-top: 1px;

    }

    ul#footer-widgets li.widget li li{

    padding-left: 1em;

    border: 0;

    }

    ul#footer-widgets li.widget li a{

    text-decoration: none;

    }

    ul#footer-widgets li.widget li a:hover{

    color: #fff;

    }

    ul#footer-widgets li.widget li span.hover {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    height: 100%;

    width: 100%;

    background: #403123;

    z-index: -1;

    margin: 0;

    padding: 0;

    }

    /*** MISC ***/

    .with-tooltip{ }

    div.tooltip{

    position:absolute;

    left:-20000px;

    background-color:#dedede;

    padding:5px;

    border:1px solid #fff;

    }

    div.tooltip p{

    margin:0;

    padding:0;

    color:#fff;

    background-color:#222;

    padding:2px 7px;

    }

    .left{ float: left; }

    .right{ float: right; }

    div.clear{ clear: both;height:1px; }

    /* clearfix */

    .clearfix:after{

    content: “.”;

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }

    .clearfix{

    min-width: 0; /* trigger hasLayout for IE7 */

    display: inline-block;

    /* */ display: block; /* Hide from IE Mac */

    }

    * html .clearfix{

    /* */ height: 1%; /* Hide from IE Mac */

    }

    .error, .red{ color:#ed1f24; }

    .center{ text-align: center; }

    /*** WORDPRESS SPECIFIC STYLES ***/

    /* pagination */

    .commentnavi{

    margin: 10px 0;

    display: block;

    }

    .commentnavi .page-numbers, #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{

    padding: 2px 6px 2px 6px !important;

    border: 1px solid #a9947c !important;

    background: #f2eedf !important;

    margin:0;

    text-decoration: none;

    }

    #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{

    margin: 0 2px;

    }

    #pagenavi span.current{

    background: #a9947c !important;

    color: #fff !important;

    padding: 2px 6px 2px 6px !important;

    border: 1px solid #a9947c !important;

    }

    .commentnavi a{

    color: #0071bb;

    text-decoration: none;

    position: relative;

    }

    .commentnavi a:hover{ color: #f44365; }

    #comment .page-numbers.current, #pagenavi span.pages{ color: #a9947c !important; }

    #pagenavi{

    display: block;

    padding-bottom: 10px;

    font-size: 100% !important;

    }

    /* navigation links */

    .navigation{

    font-size: 80%;

    color: #a8937b;

    margin: 2em 0 1em 0;

    }

    .navigation a{

    color: #6b5e50;

    text-decoration: underline;

    line-height: 150%;

    }

    .navigation a:hover{

    color: #f44365;

    text-decoration: underline;

    }

    /* captions, thumbnail images in posts */

    .post-content img, .attachment img, .navigation .alignleft img, .navigation .alignright img{

    padding: 3px;

    margin: 4px 10px;

    border: 1px solid #b7a99a;

    border-radius: 4px;

    -moz-border-radius: 4px;

    }

    .post-content img.alignleft, .attachment img.alignleft{ margin-left: 0; }

    .post-content img.alignright, .attachment img.alignright{ margin-right: 0; }

    .post-content img.aligncenter, .attachment img.aligncenter{ margin: 0 auto; text-align: center; }

    .post-content div.caption{

    background:#F7F7F7;

    border-radius: 4px;

    -moz-border-radius: 4px;

    padding: .2em .6em;

    margin:.6em 0;

    text-align:center;

    color: #8d8b8b;

    min-width: 0; /* ie7 peakaboo fix */

    }

    /* no border on smilies */

    .post-content img.wp-smiley{

    padding: 0;

    margin: 0;

    border: 0;

    }

    /* Sociable plugin adjustment */

    .post-content .sociable img{ margin: 0; }

    .post-content .wp-caption {

    background:#F7F7F7;

    border-radius: 4px;

    -moz-border-radius: 4px;

    padding:.4em 0;

    margin:4px 10px;

    text-align:center;

    font-size: 80%;

    color: #928a85;

    }

    .post-content .wp-caption img{

    margin: 0;

    border: 0;

    padding: 0;

    }

    .post-content .wp-caption.alignleft{ margin-left: 0; }

    .post-content .wp-caption.alignright{ margin-right: 0; }

    .aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    }

    .alignleft { float: left; }

    .alignright { float: right; }

    /* customize specific widgets */

    .widget_tag_cloud{

    text-align: justify;

    }

    .widget_tag_cloud .the-content{

    padding: .4em 1em 1em 1em;

    line-height: 125%;

    }

    .widget_tag_cloud a{

    text-decoration: none;

    vertical-align: middle;

    letter-spacing: -0.04em;

    color: #000;

    line-height: 100%;

    }

    .widget_tag_cloud a:hover{

    background: #f44365;

    color: #fff;

    }

    /* no .box style on calendar */

    .widget_calendar .box,

    .widget_calendar .box .wrapleft,

    .widget_calendar .box .wrapright,

    .widget_calendar .box .tr, .widget_calendar .box .bl, .widget_calendar .box .tl, .widget_calendar .box .br,

    .widget_calendar .box .the-content{

    background: none;

    padding: 0;

    margin: 0;

    width: auto;

    border: 0;

    height:auto !important;

    min-height: none !important;

    min-width: none !important;

    }

    .widget_calendar .box{ margin: 0 1em; }

    .widget_calendar .box .titlewrap{ display: none; }

    .widget_calendar .box table{ width: 100%; }

    .widget_calendar .box table td, .widget_calendar .box table th{

    text-align: center;

    padding: .1em .3em;

    }

    .widget_calendar .box caption{

    text-align: right;

    font-style: italic;

    padding-right: .4em;

    }

    #sidebar li.block .info-text, #sidebar-secondary li.block .info-text{

    margin: 1em;

    text-align: center;

    font-style: italic;

    }

    .profile .avatar{

    padding: 4px;

    background: #fff;

    }

    .profile .info{

    padding-left: 160px;

    }

    /* no border on smilies */

    img.wp-smiley, .post .postbody img.wp-smiley, .attachment img.wp-smiley{

    padding: 0;

    margin: 0;

    border: 0;

    vertical-align: -20%;

    }[/code]

  • #31846

    imported_Fernando
    Participante

    Aquí lo tienes:

    [quote][code]#pagetitle h4{

    float: left;

    border-left: 1px solid #8e7762;

    padding: .6em 0 .6em .8em;

    margin-left: 1em;

    color: #e9e2c9;[/code][/quote]

    Tienes que cambiar el código e9e2c9 por el que quieras. Mismamente un ffffff te iría bien y se leería.

  • #31850

    imported_emip3
    Participante

    Aquí lo tienes:
    [quote][code]#pagetitle h4{
    float: left;
    border-left: 1px solid #8e7762;
    padding: .6em 0 .6em .8em;
    margin-left: 1em;
    color: #e9e2c9;[/code][/quote]
    Tienes que cambiar el código e9e2c9 por el que quieras. Mismamente un ffffff te iría bien y se leería.

    Lo cambié, pero nada, no se ve el cambio, con ningún navegador (por las dudas)…

  • #33113

    imported_emip3
    Participante

    …y si no es allí donde debo cambiarlo, donde podría ser?

    Aquí lo tienes:
    [quote][code]#pagetitle h4{
    float: left;
    border-left: 1px solid #8e7762;
    padding: .6em 0 .6em .8em;
    margin-left: 1em;
    color: #e9e2c9;[/code][/quote]
    Tienes que cambiar el código e9e2c9 por el que quieras. Mismamente un ffffff te iría bien y se leería.

    Lo cambié, pero nada, no se ve el cambio, con ningún navegador (por las dudas)…

  • #33130

    thinway
    Participante

    emip3 en la cabecera de la página de inicio de tu blog aparece el color blanco del título de tu web. Si abres tu web y miras el código verás en el header:

    [quote]<style type=”text/css” media=”all”>
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/style.css”;
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/options/side-green.css”;
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/options/content-white.css”;
    #header{ background: transparent url(“http://www.estudio-tla.com.ar/wp-content/uploads/vaca.JPG”) no-repeat center top; }
    #pagetitle h4{
    float: left;
    border-left: 1px solid #8e7762;
    padding: .6em 0 .6em .8em;
    margin-left: 1em;
    color: #fffff;</style>
    [/quote]

    Por las reglas de prioridad de CSS, el último [b]color: #fffff;[/b] es el que prevalece por delante de los demás. Por lo tánto es éste el que debes modificar, aunque lo que yo haría sería eliminar este trozo de código que lo único que hace es repetir lo que ya está en el archivo css que ya copiastes.

  • #33366

    imported_emip3
    Participante

    emip3 en la cabecera de la página de inicio de tu blog aparece el color blanco del título de tu web. Si abres tu web y miras el código verás en el header:
    [quote]<style type=”text/css” media=”all”>
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/style.css”;
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/options/side-green.css”;
    @import “http://www.estudio-tla.com.ar/wp-content/themes/arclite/options/content-white.css”;
    #header{ background: transparent url(“http://www.estudio-tla.com.ar/wp-content/uploads/vaca.JPG”) no-repeat center top; }
    #pagetitle h4{
    float: left;
    border-left: 1px solid #8e7762;
    padding: .6em 0 .6em .8em;
    margin-left: 1em;
    color: #fffff;</style>
    [/quote]
    Por las reglas de prioridad de CSS, el último [b]color: #fffff;[/b] es el que prevalece por delante de los demás. Por lo tánto es éste el que debes modificar, aunque lo que yo haría sería eliminar este trozo de código que lo único que hace es repetir lo que ya está en el archivo css que ya copiastes.

    A ver, no estoy entendiendo… creo que lo que ves en el header (color:#fffff) es producto del cambio que hice y no se vio reflejado…, ya que el original es el que aún se observa: #e9e2c9

    Me lo podrías explicar de otra manera? (Mil Gracias!)

  • #33373

    thinway
    Participante

    emip3, lo que no entiendo es por qué tienes agregado código css si tienes hojas de estilo aparte. Esto te puede estar afectando en cuanto a la [url=http://www.plus2net.com/html_tutorial/css-types.php]prioridad de las hojas de estilo[/url]. ¿Hay alguna razón que no sepamos para ello?

    En caso negativo, prueba a eliminar ése código:

    y agregarlo a las hojas de estilo donde corresponda.

    A ver si te funciona.

  • #33384

    imported_emip3
    Participante

    thinway, decime de donde lo tengo que borrar?. En el único lugar que modifique las cosas, es decir, cambié #e9e2c9 por #fffff fue en el CSS y nada más, de hecho sigue estando la modificación allí.

    Este theme (Arclite) tiene varios CSS, llamados: ie6.css, style-imageless.css, style.css y yo modifique, como dice más arriba, el último. Necesitas que te pase lo que dicen los otros dos?

    Otra consulta, el color de las letras del footer era más claro, seguramente #e9e2c9 porque se parecía al actual color de las letras del header, pero ahora, después de colocar @fffff en el CSS han cambiado a negro… será esto posible? (me pregunté) pero lo reestablecí y nada, todo sigue igual.-

    Ahora, el theme tiene una particularidad:instala una solapa con opciones del theme, entre ellas, a parte de la imagen, de poner 2 o 3 columnas, etc, me da la posibilidad de escribir en un espacio particular, lo que quiera modificar del CSS, sin necesidad de modificar el CSS para no perder la modificación en una actualización de theme. Por lo tanto, con el color reestablecido en el CSS original, copio lo que me pusiste arriba en ese espacio y: Nada… no pasa naranja… te muestro: [url=http://www.estudio-tla.com.ar/images/imagenCSS.JPG]null
    Saludos,

  • #33408

    thinway
    Participante

    emip3, me he descargado el tema y no he tenido ningún problema para cambiar de color de la cabecera h4. Te explico lo que puedes hacer.

    Prueba a poner lo siguiente en la caja de configuración del CSS que te ofrece el panel de Arclite:

    Con esto, te debe salir la cabecera en color rojo. Pongo este color para que se vea bien. Si te funciona sólo lo tienes que cambiar al color que desees.

    Este panel de configuración es el que te agrega el código CSS que te decía que me extrañaba. Pruébalo y dime si te funciona.

  • #33423

    imported_emip3
    Participante

    Sos un groso, sabelo, no solo por haberme ayudado a solucionarlo (efectivamente, probando, la cosa funciona colocando el nombre del color y deja de funcional al colocar el código del color. Sino que sos un groso por tomarte el laburito de bajar el theme, chequearlo, etc, etc, etc… (entre esos etc está aguantarme)..

    Mil gracias! (y sin querer abusarme, cómo cambio el color de la fuente del footer? (prometo estudioar algo más de CSS, hay detalles que se me escapan mal…) Ahí van las gracias!

  • #33433

    thinway
    Participante

    Si te refieres a cambiar el texto negro que aparece en el pie de tu página modifica este código:

    Añadiéndole:

    Espero que te sirva.

    PD: A pesar de ser un groso (no sé lo que significa 😛 ) siempre es un placer poder echaros un cable en lo que pueda.

  • #33436

    imported_emip3
    Participante

    thinway, no te tiene que pesar ser un groso (vendría a ser algo así como una persona macanuda, copada, muy buena onda…)…

    he intentado cambiar el color de las letras del footer como decís, pero no, nada, no quiso..

  • #33497

    thinway
    Participante

    emip3, ¿no tendrás otro código CSS que interfiera con la hoja de estilos del tema? Yo he podido modificar el color perfectamente haciendo lo que te indiqué.

  • #33507

    imported_emip3
    Participante

    mmmm, quizá algún plugin este dando la lata (si es que se dice así)… veo que hago… (estoy perdiendo el ánimo con este tema, ya…) GRACIAS!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido