Modificar los formatos de Titulos del editor

Inicio Foros WordPress Themes y Diseño Modificar los formatos de Titulos del editor

Este debate contiene 9 respuestas, tiene 3 mensajes y lo actualizó  lumbreras hace 9 años, 3 meses.

  • Autor
    Publicaciones
  • #13215

    imported_ACALU
    Participante

    <p>Hola,</p>
    <p>Me gustaria saber si se puede cambiar los formatos de los titulos (Titulo 1, 2, etc.) que salen en el editor de WordPress. He estado buscando, pero no se como hacerlo porque el editor esta en html y para cambiar el formato es en css o php.</p>
    <p>Lo que quiero es que al poner un titulo este salga con un tipo de letra, color, etc determinado, acorde con mi plantilla. Ademas he visto que poner titulos y demas ayudan al posicionamiento del blog.</p>
    <p>Un saludo.
    </p>

  • #29248

    lumbreras
    Participante

    Esos cambios los debes hacer en tu Hoja de estilos (stylesheet.css), ese archivo te ayuda a modificar colores de la plantilla, tamaño de titulos, todo lo bonito :).

    Es muy posible que en tu hoja de estilos, diga algo como "entry-title" o algo así, puedes poner tu hoja de estilo aquí para poder ayudarte y decirte donde hacer los cambios o el nombre de la plantilla que estás usando.

  • #29250

    imported_ACALU
    Participante

    Busque por title pero no consegui modificar nada, os dejo por aqui mi pagina style.css de la plantilla Fontella:

    [code]/*
    Theme Name: Fontella
    Theme URI: http://granimpetu.com/fontella
    Description: Theme de fuentes grandes
    Author: Horacio Bella
    Author URI: http://granimpetu.com
    Version: 1.0
    */

    * {
    margin: 0;
    padding: 0;
    }

    body {
    background: #fff url(images/bg.png) top repeat-x;
    color: #2A2A2A;
    font-family: Arial, "Verdana", sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    }

    /* Main Sections */

    #topbar {
    background: #111;
    color: #fff;
    font-family: Tahoma;
    font-size: 7pt;
    margin: 0 auto 3px;
    width: 900px;
    padding: 8px 0 10px 0;
    text-align: right;
    text-transform: uppercase;
    }

    #wrapper {
    margin: 50px auto 0;
    width: 760px;
    }

    .post {
    margin-bottom: 50px;
    }

    #indexwrapper {
    padding: 0;
    width: 900px;
    margin: 0 auto;
    }

    #header {
    margin: 0;
    padding: 0;
    }

    #pages {
    margin: 0;
    padding: 2px 0;
    text-align: right;
    }

    #sidebar {
    font-size: 9pt;
    font-family: Verdana;
    overflow: hidden;
    width: 835px;
    color: #505050;
    line-height: 1.2em;
    margin: 35px auto 60px;
    background: #FAFAFA url(images/sidebarbg.png) bottom repeat-x;
    border: 1px solid #E3E3E3;
    padding: 35px 0 25px 10px;
    }

    #footer {
    font-size: 9pt;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    text-align: right;
    clear: both;
    background: #000 url(images/footerwp.png) 835px bottom no-repeat;
    width: 900px;
    color: #fff;
    overflow: hidden;
    }

    /* Index */

    #presentation {
    overflow: hidden;
    width: 850px;
    margin: 0 auto;
    padding-top: 20px;
    }

    #logo {
    width: 35%;
    float: left;
    }

    /*.logobg {
    background: #fff url(images/logobg.jpg) no-repeat; /* Cambia esta imagen por tu logo o foto */
    margin-top: 20px;
    width: 282px; /* Aqui el ancho de la nueva imagen */
    height: 304px; /* Aqui la altura */
    }
    */
    #lastpost {
    width: 64%;
    float: right;
    }

    #lastpost h1 {
    margin-bottom: 10px;
    }

    #lastpost h1 a{
    font-size: 30pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    }

    #lastpost h1 a:hover{
    color: #054D95;
    text-decoration: none;
    }

    #lastpost p {
    margin-bottom: 10px;
    line-height: 21px;
    }

    #lastpost p a {
    border-bottom: 1px dotted #dcdcdc;
    }

    /* Header, Topbar and Navbar */

    #header h1 {
    font-size: 45px;
    font-weight: bold;
    font-family: georgia;
    text-transform: uppercase;
    margin-bottom: 18px;
    padding: 10px;
    text-align: right;
    border-bottom: 1px solid #000;
    }

    #header a, #header a:hover {
    color: #010101;
    text-decoration: none;
    }

    #topbarmax {
    background: #000;
    }

    #topbar span {
    margin-right: 10px;
    }

    #topbar .icon{
    background: #000 url(images/feedicon.png) right no-repeat;
    margin-right: 5px;
    color: #3898F8;
    padding: 2px 18px 2px 0;
    }

    #navbar {
    clear: both;
    margin: 6px 0 20px 0;
    max-width: 100%;
    min-width: 900px;
    position: relative;
    }

    #navbar li a{
    font-size: 16pt;
    font-weight: bold;
    margin: 7px 0;
    padding: 0 3px 3px 3px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    }

    #navbar li a:hover{
    text-transform: uppercase;
    padding-top: 6px;
    border-top: 3px solid #fff;
    background: #000;
    color: #fff;
    }

    #navbar li {
    list-style-type: none;
    display: inline;
    margin-left: 3px;
    padding: 0 5px;
    }

    /* Content */

    #wrapper p, #wrapper ul, #wrapper ol {
    line-height: 1.5em;
    }

    #wrapper ul {
    list-style: square inside;
    }

    #wrapper h1{
    font-size: 36pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1.5px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    color: #0F0F0F;
    }

    #wrapper h2{
    font-size: 24pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    color: #0F0F0F;
    }

    #wrapper p {
    margin-bottom: 10px;
    }

    .post ol li {
    margin: 0 0 5px 25px;
    }

    #wrapper small {
    font-size: 8px;
    font-family: Tahoma;
    }

    /* Single */

    .singlelinks {
    text-transform: uppercase;
    text-align: right;
    font-family: Tahoma;
    font-size: 7pt;
    margin-bottom: 15px;
    }

    .single span {
    margin-right: 15px;
    }

    .post p a {
    border-bottom: 1px dotted #dcdcdc;
    }

    .post h3 {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 12px;
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    }

    .post a:hover{
    border: 0;
    }

    .post img {
    background: #fff url(images/imagesbg.png) bottom repeat-x;
    padding: 0px;
    border: 0px solid #dcdcdc;
    margin: 0px;
    }

    .post h3 {
    margin-top: 25px;
    }

    .feedback {
    text-transform: uppercase;
    text-align: left;
    font-family: Tahoma;
    font-size: 7pt;
    margin: 40px 0 20px 0;
    padding: 11px 5px 13px 10px;
    background: #fff url(images/feedbackbg.png) bottom repeat-x;
    color: #2A2A2A;
    border: 1px solid #E3E3E3;
    clear: both;
    }

    .feedback li{
    list-style-type: square;
    margin-left: 15px;
    line-height: 14px;
    }

    .date {
    position: relative;
    width: 57px;
    float: right;
    top: -41px;
    background: #fff url(images/datebg.png) no-repeat;
    height: 72px;
    font-family: Arial;
    margin: 0 8px 0 5px;
    padding: 0 0 0 4px;
    }

    .date .year {
    font-size: 11pt;
    font-weight: bold;
    color: #FAFAFA;
    text-align: left;
    background: transparent;
    }

    .date .day {
    font-family: Arial;
    font-size: 30pt;
    font-weight: bold;
    color: #ccc;
    letter-spacing: -2px;
    margin: -5px 0 -6px -12px;
    text-align: center;
    }

    .date .month {
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-left: 10px;
    color: #999;
    }

    #pagination {
    margin: 10px 0;
    text-align: center;
    }

    .titlelink {
    margin-bottom: 10px;
    outline: 0;
    }

    .titlelink a {
    font-size: 30pt;
    font-weight: bold;
    margin: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    }

    .titlelink a:hover {
    color: #054D95;;
    text-decoration: none;
    }

    .navposts {
    text-align: center;
    }

    /* Sidebar (Bottombar) */

    .sidebar {
    width: 900px;
    margin: 0 auto;
    }

    #sidebar li {
    border-bottom: 1px solid #ebebeb;
    list-style-type: none;
    padding: 4px 0;
    margin: 0;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    }

    #sidebar #recententries li {
    padding: 5px 0;
    }

    #sidebar h3 {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    padding-top: 3px;
    }

    #sidebar small {
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    }

    #sidebar small a{
    color: #2A2A2A;
    }

    #categories {
    width: 200px;
    float: left;
    margin-right: 40px;
    margin-left: 30px;
    }

    #recententries {
    width: 324px;
    float: left;
    margin-right: 35px;
    margin-left: 10px;
    }

    #archives {
    width: 200px;
    float: left;
    margin-right: 35px;
    margin-left: 20px;
    margin-top: 0px;
    }

    #infocolumn {
    width: 200px;
    float: left;
    margin-left: 60px;

    }

    /* Comments */

    #comments {
    margin: 0 auto;
    font-family: Verdana;
    font-size: 9pt;
    width: 650px;
    }

    #commentlist {
    list-style: none;
    padding: 0;
    }

    #commentlist li {
    border: 1px solid #ebebeb;
    margin: 25px 0 25px;
    margin-bottom: 5px;
    background: #fff url(images/commentsbg.png) bottom repeat-x;
    padding: 10px 20px;
    line-height: 17px;
    }

    #commentlist small {
    font-size: 8pt;
    color: #696969;
    }

    #postcomment {
    margin: 40px 0 10px 10px;
    text-transform: none;
    }

    ol #commentlist {
    margin-top: 15px;
    }

    .headercomment {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    }

    .commenttext p {
    margin-top: 10px;
    margin-bottom: 10px;
    }

    #comments textarea {
    width: 585px;
    padding: 10px;
    font-family: Verdana;
    font-size: 9pt;
    margin-top: 10px;
    }

    #comments input {
    width: 300px;
    padding: 6px;
    font-family: Verdana;
    font-size: 9pt;
    margin-right: 5px;
    }

    .commentsmess {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    color: #ccc;
    }

    #leavecomment {
    margin: 60px 0 10px 0;
    }

    #leavecomment p {
    padding-top: 10px;
    }

    #submit input {
    font-size: 9pt;
    margin: 15px 0 7px 0;
    font-family: "Verdana", Tahoma;
    text-transform: none;
    padding: 6px 0;
    }

    #comments h3 {
    font-size: 24pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: none;
    color: #2a2a2a;
    clear: both;
    }

    /* Footer */

    #footermax {
    background: #000;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 0;
    }

    #footer .search {
    width: 300px;
    float: left;
    margin-left: 20px;
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    text-align: left;
    line-height: 15px;
    }

    .search input {
    padding: 3px;
    font-size: 9pt;
    font-family: Verdana;
    }

    .textfooter {
    width: 450px;
    float: right;
    margin: 5px 80px 0 0;
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    line-height: 15px;
    }

    .textfooter a {
    color: #8DC4FB;
    }

    .textfooter a:hover {
    color: #3898F8;
    text-decoration: none;
    }

    /* General */

    a {
    outline:0;
    color: #0066CC; /* El color de los enlaces */
    text-decoration: none;
    }

    a:hover {
    text-decoration: underline;
    color: #054D95;
    }

    acronym, abbr, span.caps {
    border: 0;
    border-bottom: 1px dotted #ccc;
    }

    blockquote {
    color: #787878;
    border-left: 3px solid #ccc;
    margin-left: 0px;
    padding-left: 10px;
    }

    cite {
    text-decoration: none;
    }

    code {
    font-family: ‘Courier New’, Courier, Fixed, sans-serif;
    font-size: 1.1em;
    }

    img {
    border: 0;
    }

    /* Float and Clear */

    div.floatleft {
    float: left;
    }

    div.floatright {
    float: right;
    }

    div.both {
    clear: both;
    }

    /* Images Align */

    img.center {
    display: block;
    margin: auto;
    }

    img.right {
    float: right;
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.left {
    float: left;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    img.none { /* Agrega esta clases para imagenes sin borde */
    border: 0;
    padding: 0;
    background: transparent;
    }

    /* Text Align */

    .center {
    text-align: center;
    }

    .alignright {
    text-align: right;
    }

    .alignleft {
    text-align: left;
    }[/code]

  • #29251

    imported_ACALU
    Participante

    Busque por title pero no consegui modificar nada, os dejo por aqui mi pagina style.css de la plantilla Fontella:

    [code]/*
    Theme Name: Fontella
    Theme URI: granimpetu.com/fontella
    Description: Theme de fuentes grandes
    Author: Horacio Bella
    Author URI: http://granimpetu.com
    Version: 1.0
    */

    * {
    margin: 0;
    padding: 0;
    }

    body {
    background: #fff url(images/bg.png) top repeat-x;
    color: #2A2A2A;
    font-family: Arial, "Verdana", sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    }

    /* Main Sections */

    #topbar {
    background: #111;
    color: #fff;
    font-family: Tahoma;
    font-size: 7pt;
    margin: 0 auto 3px;
    width: 900px;
    padding: 8px 0 10px 0;
    text-align: right;
    text-transform: uppercase;
    }

    #wrapper {
    margin: 50px auto 0;
    width: 760px;
    }

    .post {
    margin-bottom: 50px;
    }

    #indexwrapper {
    padding: 0;
    width: 900px;
    margin: 0 auto;
    }

    #header {
    margin: 0;
    padding: 0;
    }

    #pages {
    margin: 0;
    padding: 2px 0;
    text-align: right;
    }

    #sidebar {
    font-size: 9pt;
    font-family: Verdana;
    overflow: hidden;
    width: 835px;
    color: #505050;
    line-height: 1.2em;
    margin: 35px auto 60px;
    background: #FAFAFA url(images/sidebarbg.png) bottom repeat-x;
    border: 1px solid #E3E3E3;
    padding: 35px 0 25px 10px;
    }

    #footer {
    font-size: 9pt;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    text-align: right;
    clear: both;
    background: #000 url(images/footerwp.png) 835px bottom no-repeat;
    width: 900px;
    color: #fff;
    overflow: hidden;
    }

    /* Index */

    #presentation {
    overflow: hidden;
    width: 850px;
    margin: 0 auto;
    padding-top: 20px;
    }

    #logo {
    width: 35%;
    float: left;
    }

    /*.logobg {
    background: #fff url(images/logobg.jpg) no-repeat; /* Cambia esta imagen por tu logo o foto */
    margin-top: 20px;
    width: 282px; /* Aqui el ancho de la nueva imagen */
    height: 304px; /* Aqui la altura */
    }
    */
    #lastpost {
    width: 64%;
    float: right;
    }

    #lastpost h1 {
    margin-bottom: 10px;
    }

    #lastpost h1 a{
    font-size: 30pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    }

    #lastpost h1 a:hover{
    color: #054D95;
    text-decoration: none;
    }

    #lastpost p {
    margin-bottom: 10px;
    line-height: 21px;
    }

    #lastpost p a {
    border-bottom: 1px dotted #dcdcdc;
    }

    /* Header, Topbar and Navbar */

    #header h1 {
    font-size: 45px;
    font-weight: bold;
    font-family: georgia;
    text-transform: uppercase;
    margin-bottom: 18px;
    padding: 10px;
    text-align: right;
    border-bottom: 1px solid #000;
    }

    #header a, #header a:hover {
    color: #010101;
    text-decoration: none;
    }

    #topbarmax {
    background: #000;
    }

    #topbar span {
    margin-right: 10px;
    }

    #topbar .icon{
    background: #000 url(images/feedicon.png) right no-repeat;
    margin-right: 5px;
    color: #3898F8;
    padding: 2px 18px 2px 0;
    }

    #navbar {
    clear: both;
    margin: 6px 0 20px 0;
    max-width: 100%;
    min-width: 900px;
    position: relative;
    }

    #navbar li a{
    font-size: 16pt;
    font-weight: bold;
    margin: 7px 0;
    padding: 0 3px 3px 3px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    }

    #navbar li a:hover{
    text-transform: uppercase;
    padding-top: 6px;
    border-top: 3px solid #fff;
    background: #000;
    color: #fff;
    }

    #navbar li {
    list-style-type: none;
    display: inline;
    margin-left: 3px;
    padding: 0 5px;
    }

    /* Content */

    #wrapper p, #wrapper ul, #wrapper ol {
    line-height: 1.5em;
    }

    #wrapper ul {
    list-style: square inside;
    }

    #wrapper h1{
    font-size: 36pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1.5px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    color: #0F0F0F;
    }

    #wrapper h2{
    font-size: 24pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    color: #0F0F0F;
    }

    #wrapper p {
    margin-bottom: 10px;
    }

    .post ol li {
    margin: 0 0 5px 25px;
    }

    #wrapper small {
    font-size: 8px;
    font-family: Tahoma;
    }

    /* Single */

    .singlelinks {
    text-transform: uppercase;
    text-align: right;
    font-family: Tahoma;
    font-size: 7pt;
    margin-bottom: 15px;
    }

    .single span {
    margin-right: 15px;
    }

    .post p a {
    border-bottom: 1px dotted #dcdcdc;
    }

    .post h3 {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 12px;
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    }

    .post a:hover{
    border: 0;
    }

    .post img {
    background: #fff url(images/imagesbg.png) bottom repeat-x;
    padding: 0px;
    border: 0px solid #dcdcdc;
    margin: 0px;
    }

    .post h3 {
    margin-top: 25px;
    }

    .feedback {
    text-transform: uppercase;
    text-align: left;
    font-family: Tahoma;
    font-size: 7pt;
    margin: 40px 0 20px 0;
    padding: 11px 5px 13px 10px;
    background: #fff url(images/feedbackbg.png) bottom repeat-x;
    color: #2A2A2A;
    border: 1px solid #E3E3E3;
    clear: both;
    }

    .feedback li{
    list-style-type: square;
    margin-left: 15px;
    line-height: 14px;
    }

    .date {
    position: relative;
    width: 57px;
    float: right;
    top: -41px;
    background: #fff url(images/datebg.png) no-repeat;
    height: 72px;
    font-family: Arial;
    margin: 0 8px 0 5px;
    padding: 0 0 0 4px;
    }

    .date .year {
    font-size: 11pt;
    font-weight: bold;
    color: #FAFAFA;
    text-align: left;
    background: transparent;
    }

    .date .day {
    font-family: Arial;
    font-size: 30pt;
    font-weight: bold;
    color: #ccc;
    letter-spacing: -2px;
    margin: -5px 0 -6px -12px;
    text-align: center;
    }

    .date .month {
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-left: 10px;
    color: #999;
    }

    #pagination {
    margin: 10px 0;
    text-align: center;
    }

    .titlelink {
    margin-bottom: 10px;
    outline: 0;
    }

    .titlelink a {
    font-size: 30pt;
    font-weight: bold;
    margin: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    }

    .titlelink a:hover {
    color: #054D95;;
    text-decoration: none;
    }

    .navposts {
    text-align: center;
    }

    /* Sidebar (Bottombar) */

    .sidebar {
    width: 900px;
    margin: 0 auto;
    }

    #sidebar li {
    border-bottom: 1px solid #ebebeb;
    list-style-type: none;
    padding: 4px 0;
    margin: 0;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    }

    #sidebar #recententries li {
    padding: 5px 0;
    }

    #sidebar h3 {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    padding-top: 3px;
    }

    #sidebar small {
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    }

    #sidebar small a{
    color: #2A2A2A;
    }

    #categories {
    width: 200px;
    float: left;
    margin-right: 40px;
    margin-left: 30px;
    }

    #recententries {
    width: 324px;
    float: left;
    margin-right: 35px;
    margin-left: 10px;
    }

    #archives {
    width: 200px;
    float: left;
    margin-right: 35px;
    margin-left: 20px;
    margin-top: 0px;
    }

    #infocolumn {
    width: 200px;
    float: left;
    margin-left: 60px;

    }

    /* Comments */

    #comments {
    margin: 0 auto;
    font-family: Verdana;
    font-size: 9pt;
    width: 650px;
    }

    #commentlist {
    list-style: none;
    padding: 0;
    }

    #commentlist li {
    border: 1px solid #ebebeb;
    margin: 25px 0 25px;
    margin-bottom: 5px;
    background: #fff url(images/commentsbg.png) bottom repeat-x;
    padding: 10px 20px;
    line-height: 17px;
    }

    #commentlist small {
    font-size: 8pt;
    color: #696969;
    }

    #postcomment {
    margin: 40px 0 10px 10px;
    text-transform: none;
    }

    ol #commentlist {
    margin-top: 15px;
    }

    .headercomment {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    }

    .commenttext p {
    margin-top: 10px;
    margin-bottom: 10px;
    }

    #comments textarea {
    width: 585px;
    padding: 10px;
    font-family: Verdana;
    font-size: 9pt;
    margin-top: 10px;
    }

    #comments input {
    width: 300px;
    padding: 6px;
    font-family: Verdana;
    font-size: 9pt;
    margin-right: 5px;
    }

    .commentsmess {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #2a2a2a;
    color: #ccc;
    }

    #leavecomment {
    margin: 60px 0 10px 0;
    }

    #leavecomment p {
    padding-top: 10px;
    }

    #submit input {
    font-size: 9pt;
    margin: 15px 0 7px 0;
    font-family: "Verdana", Tahoma;
    text-transform: none;
    padding: 6px 0;
    }

    #comments h3 {
    font-size: 24pt;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: none;
    color: #2a2a2a;
    clear: both;
    }

    /* Footer */

    #footermax {
    background: #000;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 0;
    }

    #footer .search {
    width: 300px;
    float: left;
    margin-left: 20px;
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    text-align: left;
    line-height: 15px;
    }

    .search input {
    padding: 3px;
    font-size: 9pt;
    font-family: Verdana;
    }

    .textfooter {
    width: 450px;
    float: right;
    margin: 5px 80px 0 0;
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 7pt;
    line-height: 15px;
    }

    .textfooter a {
    color: #8DC4FB;
    }

    .textfooter a:hover {
    color: #3898F8;
    text-decoration: none;
    }

    /* General */

    a {
    outline:0;
    color: #0066CC; /* El color de los enlaces */
    text-decoration: none;
    }

    a:hover {
    text-decoration: underline;
    color: #054D95;
    }

    acronym, abbr, span.caps {
    border: 0;
    border-bottom: 1px dotted #ccc;
    }

    blockquote {
    color: #787878;
    border-left: 3px solid #ccc;
    margin-left: 0px;
    padding-left: 10px;
    }

    cite {
    text-decoration: none;
    }

    code {
    font-family: ‘Courier New’, Courier, Fixed, sans-serif;
    font-size: 1.1em;
    }

    img {
    border: 0;
    }

    /* Float and Clear */

    div.floatleft {
    float: left;
    }

    div.floatright {
    float: right;
    }

    div.both {
    clear: both;
    }

    /* Images Align */

    img.center {
    display: block;
    margin: auto;
    }

    img.right {
    float: right;
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.left {
    float: left;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    img.none { /* Agrega esta clases para imagenes sin borde */
    border: 0;
    padding: 0;
    background: transparent;
    }

    /* Text Align */

    .center {
    text-align: center;
    }

    .alignright {
    text-align: right;
    }

    .alignleft {
    text-align: left;
    }[/code]

  • #29253

    imported_ACALU
    Participante

    Busque por title pero no consegui modificar nada. He intentado pegar por aqui mi pagina style.css de la plantilla Fontella, pero no se porque no se publica.

    Lo paso por este enlace para descargar en un .txt

    http://www.mediafire.com/download.php?yyyvt32kjyo

    Un saludo.

  • #29268

    imported_Fernando
    Participante

    Hay varias llamadas a los h1, etc, en las secciones index y content del CSS de tu theme. Puedes cambiar el font-size, line-height o lo que necesites, haz pruebas hasta encontrar la combinación que para ti sea ideal.

  • #29286

    lumbreras
    Participante

    [code]#lastpost h1 a{
    font-size: 30pt;
    font-weight: bold;
    padding: 10px 0 15px 0;
    letter-spacing: -1px;
    font-family: "Arial Narrow", Arial, Tahoma;
    line-height: 34px;
    }[/code]

    En ésta parte puedes hacer el cambio de color y tamaño y hasta la tipografia que desas usar, en el caso del titulo de cada post. y para poner código solo presiona el boton de arriba cuando escribes cada mensaje o respuesta, te debe aparecer algo así:

    [ code ] tu código [ / code ]

    Uno para abrrir y el otro para cerrar, no debe haber espacios, lo puse así para que lo pudieras ver.

  • #29294

    imported_ACALU
    Participante

    He hecho las pruebas en la parte que dices, pero con eso varias los titulos de los posts, yo no me estoy refiriendo a eso, sino (en el editor de posts) a la opcion desplegable que hay de Titulo 1, Titulo 2, Titulo 3, etc. donde se le puede asignar un titulo con un formato predefinido a los titulos (en el contenido) de un post.

    No se si me explico, si no me entendeis decirmelo.

    Un saludo.

  • #29350

    imported_ACALU
    Participante

    Ya lo he conseguido. Para los titulos dentro del contenido de un post voy a utilizar el h3, identificado en mi style.css con el siguiente codigo:

    [quote].post h3 {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 12px;
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-family: "Arial Narrow", Arial, Tahoma;
    text-transform: uppercase;
    color: #00FF00;
    }[/quote]

    En mi blog el h1 viene definido para los titulos de los posts (no tengo titulo del blog ni imagen), y el h2 viene para el mensaje de error. Si estoy haciendo algo mal, comentarmelo por favor.

    Un saludo.

  • #29386

    lumbreras
    Participante

    Si pues esos "h" son la jerarquización de titulos que puedes usar, al igual que "p" para párrafo o los quotes, solo es cuestión de que revises bien el style.css, ahí te darás cuenta que puedes cambiar, ya que es lo que está dado de alta en tu plantilla y efectivamente los h1, son los que ayudan al posicionamiento de tu blog.

    En cuanto a eso que dices de que no tiene imagen en tu cabecera, lo puedes arreglar eb ésta parte:
    [code]#topbar {
    background: #111;
    color: #fff;
    font-family: Tahoma;
    font-size: 7pt;
    margin: 0 auto 3px;
    width: 900px;
    height:200px;
    padding: 8px 0 10px 0;
    text-align: right;
    text-transform: uppercase;
    }[/code]
    Aquí ya le agregué [code]height:200px;[/code]
    que es la altura de tu cabecera o topbar como dice ahí, ya que el header sólo es tu menú de navegación. si quieres ponerle imagen, pues tendrás que moverle un poco más pero al header.php crear otro div y cosas así. Saludos!

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

Pin It on Pinterest