Pregunta para expertos en blogs

No se cómo hacer para agrandar la fuente (letra) de los post y sus títulos, si alguno de ustedes lo sabe le agradecería el dato porque como algunos señalaron quedó un poco chicuela. Desde "ia" se agradece.

Tags: blog

By Jose Benegas

Abogado, ensayista y periodista. Master en economía y ciencias políticas. Conductor y productor de radio y televisión. Colaborador de medios escritos, televisivos y radiales. Analista y conferencista internacional desde la perspectiva de la sociedad abierta y las libertades personales a las que ha dedicado su obra intelectual. Dos veces premiado en segundo lugar del concurso internacional de ensayos Caminos del la libertad.

8 comments

  1. Si vas a personalizar, en el diseño del blog hay una solapa para configurar los “textos y colores”. Ahi te da la opcion de agrandar el texto.
    Fijate, solo no se si sirve para plantillas que no sean de blooger.

  2. Eso es válido para los blogs de blogger, pero este es de wordpress y es más complicado. Gracias igual.

  3. Hola José;

    Tienes que editar el archivo “style.css” que esá en la carpeta “/wp-content/themes/bluegreen/” y buscar para el título:
    .post-title h2 {
    font: bold 2.6em Arial, sans-serif;
    color: #8DC919;
    letter-spacing:-.04em;
    padding: 3px 0;

    , alli cambiar el tamaño “2.6em” de “font: bold 2.6em”, por por ejemplo: “font: bold 3.6em” o uno mayor o menor según te guste.

    Para el post busca:

    .post-content {
    margin: 0 20px;
    font-size: 1.2em; line-height: 1.6em;
    color: #818181;

    y le cambias el “font-size: 1.2em”.

    Cualquier cosa me avisas.
    salud

    Huberto Rovirelta

  4. En el archivo style.css (linea 28) tenés una parte que dice:

    .entry {
    font-size:11px;

    Ponele 12 o 13px.

    (lo ideal sería que pases todos los px a otra magnitud llamada “em” así cada uno cambia el tamaño desde su browser, pero no es tan fácil como lo de arriba)

  5. Ahí lo cambié del modo que me indicó Klaus. Si entendí ahora todos lo verán en el mismo tamaño absoluto, con lo cual para algunos no va a resultar tan bien el cambio? Traté de encontrar el código que mencionás Huberto pero no estaba.

    Este es el contenido que tenía Style.css

    /*
    Theme Name: Blue Green
    Theme URI: http://www.blogohblog.com/
    Description: Blue Green is a 3 column WordPress theme.
    Author: Bob
    Author URI: http://www.blogohblog.com/

    I love to hear of my work being used :). This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer 🙂

    */

    body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:#fff;background-image:url(images/topbck.gif);background-repeat:repeat-x;color:#666;margin:0;padding:0;}
    #wrap{width:980px;margin:0 auto;padding:0;}
    #top{height:69px;width:980px;clear:both;margin:0 auto;padding:0;}
    h2,h3{font-size:18px;font-weight:700;text-align:left;margin:0;padding:0;}
    #main{width:980px;margin:10px auto;padding:0;}
    #header{width:400px;height:78px;float:left;margin:0;padding:0;}
    #header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:10px 0 0;}
    #header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-size:11px;margin:0;padding:0;}
    #nav{height:78px;float:right;width:550px;margin:0;padding:0;}
    ul.nav{height:78px;line-height:78px;float:right;list-style:none;font-size:11px;text-transform:uppercase;margin:0;padding:0;}
    ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
    ul.nav li a,ul.nav li a:link,ul.nav li a:visited{color:#fff;float:left;display:block;text-decoration:none;padding:0 10px;}
    ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#205387;text-decoration:none;}
    ul.nav li.current_page_item a{text-decoration:none;background:url(images/nav.gif) repeat-x;color:#000;}
    ul.nav li ul{float:left;margin:0;padding:0;}
    #content{width:510px;float:left;margin:0;padding:20px 0 0;}
    .entry{font-size:11px;float:left;width:500px;text-align:justify;margin:0;padding:0 0 30px;}
    .entry img{max-width:100%;padding:5px;}
    #sidebar{float:right;width:450px;margin:0;padding:20px 0 0;}
    .rsidebar{float:right;width:230px;overflow:hidden;margin:0;padding:0;}
    .postmetadata{background:#eee;border-bottom:1px #ccc solid;border-top:1px #eee solid;font-size:10px;margin:0;padding:5px;}
    .boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
    #commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
    #commentform label{display:block;margin:0;}
    #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
    #commentform textarea{width:400px;margin:0 0 10px;padding:0;}
    #commentform #submit{margin:0 0 20px;}
    #commentform p{margin:5px 0;}
    ol.commentlist{margin:0 0 1px;padding:0;}
    ol.commentlist :hover{background:url(images/latestbck.gif) repeat-x;}
    ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
    ol.commentlist li :hover{background:none;}
    ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
    ol.commentlist li.commenthead h2{margin:0;}
    ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
    ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
    #eof{width:980px;clear:both;height:20px;background:#fff;margin:0 auto;padding:0;}
    .navigation{width:500px;float:left;color:#666;}
    .alignright{float:right;margin-top:10px;}
    .alignleft{float:left;margin-top:10px;}
    #footer{background:#f5f5f5 url(images/footerbck.gif) repeat-x;height:31px;line-height:31px;clear:both;}
    .footer{width:980px;text-align:center;font-size:11px;margin:0 auto;padding:0;}
    a:link,a:active,a:visited,a:hover{text-decoration:none;color:#356aa0;border:none;}
    #header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{text-decoration:none;color:#fff;border:none;}
    .lsidebar{float:left;width:200px;margin:0;padding:0;}
    .lsidebar ul li{display:inline;margin:0;padding:0;}
    img{border:none;}
    acronym,abbr,span.caps{cursor:help;font-size:0.9em;letter-spacing:.07em;}
    acronym,abbr{border-bottom:1px dashed #999;}
    blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
    blockquote cite{display:block;margin:5px 0 0;}
    code{font:1.1em ‘Courier New’, Courier, Fixed;}
    img.centered{display:block;margin-left:auto;margin-right:auto;}
    img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
    img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
    .line{width:500px;float:left;border-bottom:#e2e2e0 1px solid;margin:0 0 10px;padding:10px 0 5px 2px;}
    #searchform{text-align:center;margin:0 auto;padding:0 0 10px;}
    #sidebar #searchform #s{width:90%;padding:2px;}
    #sidebar #searchsubmit{padding:1px;}
    .rsidebar h2,.lsidebar h2{background:url(images/h2sidebar.gif) repeat-x;height:29px;font-size:13px;font-weight:700;color:#fff;line-height:29px;border:1px solid #ddd;margin:0 0 10px;padding:0 0 0 10px;}
    .lsidebar ul,.rsidebar ul{list-style:none;margin:0;padding:0 0 20px;}
    .lsidebar ul li a,.rsidebar ul li a{display:block;color:#000;text-decoration:none;border-bottom:1px solid silver;margin:0;padding:5px 0 5px 8px;}
    .lsidebar ul li a:hover,.rsidebar ul li a:hover{background:#EFEFEF;color:#25A;}
    .center{text-align:center;}

Leave a Reply to Stella Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.