Cambios de tipos en pagina principal

Inicio Foros WordPress Themes y Diseño Cambios de tipos en pagina principal

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  Cesare hace 9 años, 4 meses.

  • Autor
    Publicaciones
  • #13878

    Cesare
    Participante

    <p>Hola. Si alquien me ayudase… En mi pagina principal tengo 6 categorias a la derecha, que desde anoche me aparecen en italica o cursiva, pero en las paginas interiores, por categorias, excepto en una de las 6, aparece como correctamente las queria, en palo seco.</p>
    <p>Tambien he restringido el numero de entradas en pagina principal a 7. Pues bien, anoche al hacer updating del site, los dos primeros post me aparecen como los quiero, con palo seco el titulo y el extracto, pero los restantes cinco, en italica. No sé como cambiar esto, pues a partir de la segunda pagina funciona como quiero.</p>
    <p>Alguien me puede ayudar????</p>
    <p>Gracias!!!!
    </p>

  • #30908

    gventura
    Participante

    Si quieres que te ayuden mejor y más rápido sería bueno ver lo que nos estas contando.

    Envia tu enlace para que alguien pueda decirte con mayor exactitud que debes cambiar.

    Sino te dirán algo así:

    Revisa el fichero style.css busca la clase que afecta a la pagina index y mira que en dicha clase no tenga esta propiedad

    [code]font-style:italic;[/code]

    Saludos

  • #30911

    Cesare
    Participante

    Gracias, gventura. Menos mal que existen colegas como tu. No te quiero machacar las vacaciones, pero te copio completo el Style CSS, para que me lo revises, pues elimine todas las italicas (que no las quiero, a menos que las escriba en los textos de cada post) a ver si puedes hacer algo. Igual te pongo el link a mi site, para que sepas mas de cerca de lo que comentaba en mi solicitud de help!.

    /*
    Theme Name: Cleanr
    Theme URI: http://wpshoppe.com/demo/cleanr/about/
    Description: Clean, Clear and BIG! Just so easy to READ!
    Version: 0.1.1
    Tags: black, white, light, two-columns, right-sidebar, fixed-width, threaded-comments, photoblogging
    Author: Chandra Maharzan
    Author URI: http://www.wpshoppe.com/about/
    License: All Rights Reserved
    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
    */

    @import url("css/reset.css");
    @import url("css/text.css");
    @import url("css/960.css");

    body {font-size: 18px;font-family: Georgia}
    h1,h2,h3,h4 {letter-spacing:-1px}
    h1,h2,h3,h4,#nav,small,.postmetadata, .small{font-family: Helvetica, Arial;}
    h2 {margin: 0 0 20px 0;padding: 0;color:#666;}
    a {color:#999;text-decoration: none;border-bottom: 1px solid #eee}
    a:hover {color:#000;border-bottom:1px solid #ccc}
    h2 a { color:#000;text-decoration: none;font-size: 30px; border:none}
    h2 a:hover, #header h1 a:hover { color:#c00;border:none}
    small {font-size:10px;color:#ccc; padding:10px 8px 5px 0px;float:left;text-transform: uppercase;font-weight: bold;}
    p {color:#555}
    hr {margin:0; clear:both}

    /* HEADER */
    #header h1 {font-size:40px;padding:0;margin:25px 0;float:left;}
    #header h1 a {color: #000;text-decoration: none;border:none}
    #header h1 a:last-letter {color:#c00;}
    #header span {font:13px Georgia; font-style: 14px; color: #aaa; margin-left:20px;position:relative;top:-7px;letter-spacing: 0}

    /* jQUery Dropdown menu */
    #nav { list-style: none; padding-top:45px; margin: 0; float:right;}
    #nav li { float: left; margin: 0px 0px 0px 10px;padding:0px 15px 0px 0px;position:relative;font-size:14px;line-height: 1.8;zoom: 1}
    #nav li:last-child {padding:0;}
    #nav .current-cat a, #nav .current_page_item a {color: #aaa}
    #nav .current-cat li a, #nav .current_page_item li a {color: #000}
    #nav .current-cat li a:hover, #nav .current_page_item li a:hover {color: #c00}

    #nav li a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #000;border:none; text-decoration: none; float: left}
    #nav li a:hover {color:#c00;}
    #nav li span { width: 12px; height:20px; background: url(images/arrow-down.gif) no-repeat left 7px;margin:0;padding:0;position: absolute;right:0;top:0}
    #nav ul {display:none}
    #nav li span.child { width: 12px; height: 20px; background: url(images/arrow-right.gif) no-repeat left 10px;margin:0;padding:0;position: absolute;right:0;top:0; }

    #nav li a.rss {background: url(images/rss_feed.png) right 0px no-repeat; padding:0px 30px 0px 0;}
    #nav li a.rss:hover {background: url(images/rss_feed.png) right -24px no-repeat; padding:0px 30px 0px 0;}

    #nav ul { display:none;list-style:none; margin:0;padding:0;position: absolute; left:0; top:25px; width:160px; border: 1px solid #ccc;border-top:none;background: #fff;}
    #nav ul li{ margin:0;padding:0;display: block; width: 160px;border-top: 1px solid #ccc;}
    #nav ul li a { display: inline-block; width: 100%;padding:2px 10px;text-transform: none;zoom:1; }
    #nav ul ul { left: 100%; top: 0; }
    #nav li:hover > ul { display:block; }

    /* For WordPress Site */
    #nav .pagenav, #nav .categories {text-transform: uppercase;font-weight: bold}

    /* CONTENT */
    /*#content div.entry:first-letter {font-size:60px; line-height:0.76em; float:left;padding:5px 10px 0 0;color:#aaa}*/
    #content {margin-bottom:0;padding-bottom: 20px;}
    #content .post {padding-top:30px;clear:both}
    #content {padding-right:50px; text-align: justify; border-right: 1px solid #ccc;}
    #sidebar {font-size:16px;}
    #sidebar ul {list-style: none;}
    #sidebar ul li ul li {margin:0}
    #sidebar, h2.pagetitle {padding-top:40px;}
    #sidebar h2 {color:#666;margin:0 0 6px 0;padding: 0}
    .post h2 {font-size: 24px;text-align: left; color:#000}
    h2.pagetitle {color:#333;margin:0;padding-bottom:0;}
    .date {font-size: 30px;font-weight: bold;line-height: 0.8;color:#c00;}
    .postmetadata {font-size:12px;color:#bbb;height:1%}
    .small {font-size:12px;color:#aaa;margin-top:10px;}
    .postmetadata small {font-size:12px;color:#aaa;text-transform: inherit;font-weight: normal;padding: 10px 0; margin:20px 0; border-top: 1px solid #eee;text-transform: none}
    .alignnone {display: block}
    img.size-medium {margin:0 0 10px 0}
    .entry a img { margin:0 0 10px 0; vertical-align:top;}
    .entry img {border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding: 5px; margin: 5px 10px 10px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    dl.gallery-item {margin:0}
    dl.gallery-icon img {border: 1px solid #ddd}
    dl.gallery-item a {border: none}
    img.wp-smiley {border:none;margin:0;padding:0}
    .entry ul li {color:#666}

    /* SEARCH FORM */
    #searchform {margin-bottom:30px;padding:0;}
    #searchform #s {border: 1px solid #ccc; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px Georgia;background: #fafafa;width: 200px}
    #searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}
    .hidden {display: none;}

    /* PREV NEXT NAV */
    .alignleft {float:left;}
    .alignright {float:right;}
    .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
    .navigation, .comment-navigation {display: block;clear:both;}
    .navigation { margin-top: 40px; padding-bottom: 70px; }
    .comment-navigation {margin-top: 15px; padding-bottom: 5px;}
    .navigation a, .comment-navigation a {background: #eee;padding: 5px 10px;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .navigation a:hover, .comment-navigation a:hover {background: #ddd;padding: 5px 10px;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .attachment a { border:0}
    .navigation a img {border-radius:0; border:none}
    .navigation-image a {border:none}

    /* Captions */
    .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding-top: 5px; margin: 5px 25px 25px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .wp-caption img { margin: 0; padding: 0; border: 0 none;}
    .wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 4px 4px 5px 0; margin: 0;}

    /* Begin Comments*/
    ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
    ol.commentlist li { border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px; position:relative; }
    ol.commentlist li.alt { }
    ol.commentlist li.bypostauthor {}
    ol.commentlist li.byuser {}
    ol.commentlist li.comment-author-admin {}
    ol.commentlist li.comment { }
    ol.commentlist li div.comment-author { padding:0 170px 0 0; }
    ol.commentlist li div.vcard { }
    ol.commentlist li div.vcard cite.fn { font-style:normal }
    ol.commentlist li div.vcard cite.fn a.url { color:#333; text-decoration:none; }
    ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
    ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px;}
    ol.commentlist li div.vcard img.avatar-32 {}
    ol.commentlist li div.vcard img.photo {}
    ol.commentlist li div.vcard span.says {}
    ol.commentlist li div.commentmetadata {}
    ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color#aaa}
    ol.commentlist li div.comment-meta a { color:#aaa; text-decoration:none; }
    ol.commentlist li div.comment-meta a:hover { color:#000; }
    ol.commentlist li div.commentbody {margin-top: 1em; font-size: 14px}
    ol.commentlist li p { margin:0 0 1em; }
    ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
    ol.commentlist li div.reply { margin-bottom: 7px }
    ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }
    ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,sans-serif; padding:5px 6px 4px; text-align:center; width:36px;color:#fff; text-decoration:none; text-transform:uppercase;}
    ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
    ol.commentlist li ul.children li { }
    ol.commentlist li ul.children li.alt {}
    ol.commentlist li ul.children li.bypostauthor {}
    ol.commentlist li ul.children li.byuser {}
    ol.commentlist li ul.children li.comment {}
    ol.commentlist li ul.children li.comment-author-admin {}
    ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }
    ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }
    ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }
    ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }
    ol.commentlist li ul.children li.odd {}
    ol.commentlist li.even { background:#fff; }
    ol.commentlist li.odd { background:#f6f6f6; }
    ol.commentlist li.parent { }
    ol.commentlist li.pingback { }
    ol.commentlist li.pingback.parent { }
    ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
    ol.commentlist li.thread-alt { }
    ol.commentlist li.thread-even {}
    ol.commentlist li.thread-odd {}

    /* Comment Form */
    #commentform input {width: 170px; padding: 4px; border:1px solid #ccc; font-size:14px; font-family:Georgia, Times; }
    #commentform { margin: 5px 10px 0 0; padding-bottom:30px; }
    #commentform p label { width: 120px; display:block;float:left}
    #commentform p {border-top:1px solid #eee; padding: 10px 0; margin:0;font-size: 14px}
    #commentform textarea { width: 70%; padding: 2px; border:1px solid #ccc; padding: 4px; font-family: Georgia, Times;}
    .cancel-comment-reply {display: none;}
    #commentform #submit { margin-left: 120px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #aaa; font-weight: bold}
    #commentform small, #commentform #submit {color:#333;text-transform: uppercase;font-family: arial;}
    #commentform small {font-size:11px;font-weight: bold}
    #respond h3 { padding-top: 20px; margin-bottom: 10px; }

    /* WIDGETS */
    .widget {margin-bottom: 20px;}
    .widget ul li ul {margin-left:10px;margin-bottom:0}
    .categories ul.children {margin: 0 0 0 10px}
    #sidebar ul li {color: #666}

    /* FOOTER */
    #footer p {text-align: center; font-size: 14px; font-style: normal; margin: 30px;}

    El link a mi web: http://www.mybufferguest.com

    Gracias mil!

  • #30912

    gventura
    Participante

    Sik te fijas bien tu css llama a 3 ficheros css más con la regla @import.

    He mirado en el fichero text.css ya que los otros dos sirven para estructurar el web.

    Allí no había ningún error así que me he puesto a mirar en codigo del indice de tu web y el error ya lo he encontrado.

    El 07 de Agostos escribiste el post [b]Concurso My Buffer Guest – Richbizarre[/b]

    És a partir de allí que lo siguiente se ve en italic. Si nos fijamos en el texto, al final del extracto sale:

    [quote]5 camisetas de la colección Mickey … [/quote]

    Dónde la Palabra Mickey está en cursiva. El problema es que no se ha cerrado y por eso el resto del web es en cursiva. El problema viene porqué el extracto corta justo en medio deuna frase en cursiva.

    Creo que puedes hacer dos cosas:

    1. Editar el post y poner la frase [quote]Mickey was Lefty[/quote] en texto normal.
    2. Editar el post en HTML i hacer esto:

    [code]< em >Mickey< / em > < em >was Lefty< / em >[/code] – – > debe ir sin espacios.

    Así creamos dos bloques de texto en cursiva y cuando el extracto corte esa frase, esperemos que la corte bien y el resto del web siga viéndose bien.

    Por cierto, ya puedes volver a descargarte el css original y subirlo de nuevo así recuperarás todos los cambios que borraste para sacar las italicas.

    Saludos!

  • #30914

    Cesare
    Participante

    gventura. Eres un crack! No sé cómo agradecer tu excelente ayuda y paciencia. Llevaba 4 dias preocupado, pues es una emagazine de cultura y diseño, y no me gusta ser chapucero.

    Lo que hice, tal y como me aconsejaste, fue llevar a letra normal el nombre de la colección, pero además, agregué otra palabra más arriba, y asi me evité que el extracto cortase ahora con negritas… (probé, y pasaba lo mismo, pero con negritas) Las ahuyenté, pues mis extractos son de 50 palabras, y tuve la mala suerte de que cayese en esa primera palabra de un slogan fragmentado… Que lío! Mil gracias, de verdad.

    Ahora, cuando te quede un minuto, si me explicas lo que me comentas de descargarme el css original y subirlo de nuevo, seria excelente. Soy un novato, ¿no se nota?… NO tengo ni idea de cómo hacerlo. Que sigas pasando un feliz domingo. JC

  • #30918

    gventura
    Participante

    De nada hombre!

    Un crack? No lo diría así pero siempre es bueno ver como hay gente que agradece el esfuerzo de los demás y no se limita sólo a preguntar.

    Los foros están para ayudar en lo que se pueda, además, creo que es una excelente herramienta para ir aprendiendo o perfeccionando y refrescar esos conceptos que a veces no usamos.

    Lo de subir de nuevo el css lo decía porqué has comentado:

    [quote]pues elimine todas las italicas (que no las quiero, a menos que las escriba en los textos de cada post)[/quote]

    En tu primera respuesta.

    Quizás haya algunos elementos del diseño (no ser cuáles) que llevan ese estilo de cursiva y sin ellos puede que no se diferencien del resto. Es sólo un comentario que te hacía por si querías mantener el diseño tal cual el original del theme.

    Bastaría con volver a subir el fichero style.css del archivo original que te descargaste en la carpeta del theme.

    Si el tema está resuelto marca en verde así si a alguien le pasa algo parecido podrá consultar este tema y resolverlo más rápido.

    Saludos.

  • #30919

    Cesare
    Participante

    Mil gracias, gventura. Un abrazo, y que sigan yendote bien las cosas! JC

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

Pin It on Pinterest

Ir al contenido