Cómo aumentar el tamaño de letra en los posts

victorsnk

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2013
Mensajes
161
Hola buenos días,

Muchas gracias a todos de antemano por la ayuda que se que me vais a ofrecer y por la ofrecida en momentos anteriores. Mi consulta es la siguiente:

¿Como puedo ampliar el tamaño de letra de mis post? Solo necesito ampliar la de los post, ya que según me comentan muchos lectores se ve muy pequeña. El blog es victorsnk | UN TROZITO PARA MI EN LA WEB

Adjunto el código de mi *Single Post (single.php) por si sirve de ayuda. Mil gracias.

HTML:
<?php get_header() ?>

	<div id="container">
		<div id="content">

<?php the_post() ?>

			<div id="nav-above" class="navigation">
				<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
				<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
			</div>

			<div id="post-<?php the_ID() ?>" class="<?php sandbox_post_class() ?>">
				<h2 class="entry-title"><?php the_title() ?></h2>
				<div class="entry-content">
<?php the_content() ?>

<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'sandbox' ) . '&after=</div>') ?>
				</div>
				<div class="entry-meta">
					<?php printf( __( 'This entry was written by %1$s, posted on <abbr class="published" title="%2$sT%3$s">%4$s at %5$s</abbr>, filed under %6$s%7$s. Bookmark the <a href="%8$s" title="Permalink to %9$s" rel="bookmark">permalink</a>. Follow any comments here with the <a href="%10$s" title="Comments RSS to %9$s" rel="alternate" type="application/rss+xml">RSS feed for this post</a>.', 'sandbox' ),
						'<span class="author vcard"><a class="url fn n" href="' . get_author_link( false, $authordata->ID, $authordata->user_nicename ) . '" title="' . sprintf( __( 'View all posts by %s', 'sandbox' ), $authordata->display_name ) . '">' . get_the_author() . '</a></span>',
						get_the_time('Y-m-d'),
						get_the_time('H:i:sO'),
						the_date( '', '', '', false ),
						get_the_time(),
						get_the_category_list(', '),
						get_the_tag_list( __( ' and tagged ', 'sandbox' ), ', ', '' ),
						get_permalink(),
						the_title_attribute('echo=0'),
						comments_rss() ) ?>

<?php if ( ('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Comments and trackbacks open ?>
					<?php printf( __( '<a class="comment-link" href="#respond" title="Post a comment">Post a comment</a> or leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'sandbox' ), get_trackback_url() ) ?>
<?php elseif ( !('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Only trackbacks open ?>
					<?php printf( __( 'Comments are closed, but you can leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'sandbox' ), get_trackback_url() ) ?>
<?php elseif ( ('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Only comments open ?>
					<?php _e( 'Trackbacks are closed, but you can <a class="comment-link" href="#respond" title="Post a comment">post a comment</a>.', 'sandbox' ) ?>
<?php elseif ( !('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Comments and trackbacks closed ?>
					<?php _e( 'Both comments and trackbacks are currently closed.', 'sandbox' ) ?>
<?php endif; ?>
<?php edit_post_link( __( 'Edit', 'sandbox' ), "\n\t\t\t\t\t<span class=\"edit-link\">", "</span>" ) ?>

				</div>
			</div><!-- .post -->

			<div id="nav-below" class="navigation">
				<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
				<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
			</div>

<?php comments_template() ?>

		</div><!-- #content -->
	</div><!-- #container -->

<?php get_sidebar() ?>
<?php get_footer() ?>
 

Canopix

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Dic 2010
Mensajes
2.590
Con el CSS se puede tienes que f
Cambiar el font-size de los post

Enviado desde mi LG-P350 usando Tapatalk 2
 

victorsnk

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2013
Mensajes
161
Con el CSS se puede tienes que f
Cambiar el font-size de los post

Enviado desde mi LG-P350 usando Tapatalk 2

Hola Canopix muchas gracias. Pero me podrías decir exactamente como debo de hacerlo? No consigo ver donde es, o no lo veo o no se que casi seguro que es lo segundo jejeje si me puedes echar un cable te lo agradecería enormemente.

---------- Post agregado el 14-ago-2013 hora: 08:40 ----------

Supongo que hará falta esta info, ¿te puede ayudar a descifrar cual de ellos es el que debo de tocar?

HTML:
////////////////////////
	General Typografie
///////////////////////
---- */


body, p {
    font-family:  'Monaco', Courier, 'Courier New', 'Consolas', 'Lucida Console', monospace, verdana;
    color: #000000;
    line-height: 20px;
    text-align: left;
    font-size: 11px;
    padding-right: 10px;
    padding-bottom: 16px;
    }
pre {
    font-family: 'Monaco', 'Consolas', Courier, 'Courier New', 'Lucida Console', monospace;
    font-size: 10px;
    color: #000000;
    text-align: right;
    }
strong {
    font-weight: normal;
    text-transform: uppercase;
    }


/* ----
////////////////////////
	Lynxxx
///////////////////////
---- */


a:link {
    color: #999999;
    text-decoration: none;
    }
a:visited {
    color: #999999;
    text-decoration: none;
    }
a:hover {
    color: #00FF00;
    text-decoration: none;
    }
div.sidebar a:link {
    color: #000000;
    text-decoration: none;
    }
div.sidebar a:visited {
    color: #000000;
    text-decoration: none;
    }
div.sidebar a:hover {
    color: #00FF00;
    text-decoration: none;
    }
div.entry-meta {
    font-family: 'Monaco', 'Consolas', 'Lucida Console', Courier, 'Courier New', monospace, verdana;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-size: 9.5px;
    color: #000000;
    border-bottom: 1px dotted #000000;
    text-transform: uppercase;
    line-height: 14pt;
    letter-spacing: 2px;
    }
div.entry-meta a:link {
    color: #000000;
    text-decoration: none;
    }
div.entry-meta a:visited {
    color: #000000;
    text-decoration: none;
    }
div.entry-meta a:hover {
    color: #00FF00;
    text-decoration: none;
    }


/* ----
////////////////////////
	Typografie: Headers
///////////////////////
---- */


h1 {
	font-size: 9.5pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 2.5px;
	line-height: 18px;
	margin-bottom: 5px;
	}
h2 {
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 2px;
	}

h3 {
	font-size: 9.5pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 2.5px;
	line-height: 18px;
	margin-bottom: 5px;
	}
h1 a:link {
	color: #000000;
	text-decoration: none;
	}
h1 a:visited {
	color: #000000;
	text-decoration: none;
	}
h1 a:hover {
	color: #00FF00;
	text-decoration: none;
	}
h2 a:link {
	color: #000000;
	text-decoration: none;
	}
h2 a:visited {
	color: #000000;
	text-decoration: none;
	}
h2 a:hover {
	color: #00FF00;
	text-decoration: none;
	}
h4, h5, h6 {
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1pt;
    }
h4 {
	font-size:8pt;
	color: #000000;
	text-decoration: underline;
	letter-spacing: 1.5px;
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-transform: uppercase;
	}
h5 {
    font-size: 8pt;
	text-transform: uppercase;
    margin-bottom: 5px;
	}
h6 {
	font-size:7pt;
	color: #000000;
	letter-spacing: 5.5px;
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-transform: uppercase;
	}
blockquote {
	font-weight:normal;
	margin: 25px 25px 25px 25px;
	border-left: 2px solid #333333;
	width: 250px;
	}
blockquote p {
	padding: 25px;
	width: 325px;
	line-height: 21px;
	}
blockquote cite {
	display: block;
	}


/* ----
	Menus and Navigation
////////////////////////
////////////////////////
Most of the classifications in this section aren't active. 
They correspond to sandbox's primary horizontal navigation, which I ommited.
///////////////////////
///////////////////////
---- */


div#nav-above {
    margin-bottom:20px;
    text-transform: uppercase;
	}
div#nav-below {
	margin-top:1em;
    text-transform: uppercase;
	}
div#nav-images {
	height:150px;
	margin:1em 0;
	}
div.navigation {
	height:1.25em;
	}
div.navigation div.nav-next {
	float:right;
	text-align:right;
    padding-bottom: 50px;
    text-transform: uppercase;
	}
div.skip-link {
	position:absolute;
	right:20px;
	top:1em;
	}
div#menu {
	background:#FFF;
	height:1.5em;
	margin:20px 0 0 0px;
	width: 100%;
	border-bottom: 1px dotted #000000;
	}
div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu ul a {
	display:block;
	margin-right:20px;
	padding:0.2em 0.5em;
	text-decoration:none;
	}
div#menu ul ul ul a {
	font-style:normal;
	text-transform: uppercase;
	}
div#menu ul li ul {
	left:-999em;
	position:absolute;
	}
div#menu ul li:hover ul {
	left:auto;
	color: #00FF00;
	text-decoration: none;
	}


/* ----
////////////////////////
	Comments and Forms
///////////////////////
---- */


form#commentform .form-label {
	margin: 5px 0 5px 0;
	}
form#commentform span.required {
	background:#fff;
	color: #00FF00;
	}
form#commentform,form#commentform p {
	padding:0;
	}
input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
    border: 1px dashed #333333;
    font-family: 'Monaco', 'Consolas', 'Lucida Console', 'Andale Mono', 'Courier New', Courier, monospace, verdana;
	}
div.comments ol li {
	margin:0 0 3.5em;
	}
textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:500px;
    border: 1px dashed #333333;
	}
div.comment-meta {
    font-size: 7pt;
    text-transform: uppercase;
    }
.widget_search #searchsubmit {
	width:100px;
	height:25px;
	border: 1px dotted #999999; 
    }
.widget_search #searchsubmit:hover { 
	border: 1px solid #00FF00; 
    }


/* ----
////////////////////////
	Images
////////////////////////
---- */


.alignright,img.alignright{
	float:right;
	}
.alignleft,img.alignleft {
	float:left;
	}
.aligncenter,img.aligncenter {
	display:block;
	margin:1em auto;
	text-align:left;
	}
div.gallery {
	clear:both;
	height:125px;
	margin: 5px 0;
	width:100%;
	}
p.wp-caption-text {
	font-style:normal;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
	}
div.gallery dl {
	margin:1em auto;
	overflow:hidden;
	text-align:left;
	}
div.gallery dl.gallery-columns-1 {
	width:100%;
	}
div.gallery dl.gallery-columns-2 {
	width:49%;
	}
div.gallery dl.gallery-columns-3 {
	width:33%;
	}
div.gallery dl.gallery-columns-4 {
	width:24%;
	}
div.gallery dl.gallery-columns-5 {
	width:19%;
	}


/* ----
////////////////////////
	Sidebar
////////////////////////
---- */


div.sidebar {
    position:fixed;
    top: 149px;
    left: 20px;
    width: 154px;
    text-align: right;
    line-height: 16px;
    z-index:4;
    overflow:visible;
    }
div.sidebar h3 {
    font-size:11px;
    color: #000000;
    text-decoration: underline;
    font-style: normal;
    font-weight: normal;
    border-bottom: 0px dashed #333333;
    letter-spacing: 1px;
    text-align: right;
	}
div.sidebar input#s  {
    font-family: 'Monaco', 'Consolas', 'Andale Mono', 'Courier New', Courier, monospace, verdana, arial;
    font-size: 9px;
    text-transform: uppercase;
    color: #00FF00;
    border: 1px dotted #999999;
    width: 100%;
	}
div.siderbar input#searchsubmit {
    visibility: hidden;
	}
div.sidebar li {
	list-style:none;
	margin:0 0 0em;
	}
div.sidebar li form {
	margin:0.2em 0 0;
	padding:0;
	}
div.sidebar ul ul {
	margin:0 0 0 0em;
	}
div.sidebar ul ul li {
	list-style:none;
	margin:0;
	}
div.sidebar ul ul ul {
	margin:0 0 0 0em;
    line-height: 20px;
	}
div.sidebar ul ul ul li {
	list-style:none;
	}
div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
	}
#submit {
    float: left;
	}


/* ----
////////////////////////
	Header and Footer
////////////////////////
---- */


div#header,div#footer {
	text-align:left;
    margin: 0px 0 0 0px;
	}
div#header {
	position: fixed;
	top: 7px;
	left: 20px;
	text-align:left;
	width: 154px;
	border-bottom: 1px dashed #333333;
	padding-bottom: 12px;
	z-index:5;
	overflow:visible;
	min-height: 105px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 16px;
	}

h1 {
	text-transform: none;
    }
div#footer {
	font-family: 'Monaco', 'Consolas', Courier, 'Courier New', 'Lucida Console',  monospace, verdana;
	position: fixed; 
	right: 2%; 
	bottom: 4.6%; 
	text-align:right;
	width: 175px;
	padding-bottom: 25px;
	font-size: 9.5px;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: 2px;
	}
div#footer pre {
    font-family: 'Monaco', 'Consolas', Courier, 'Courier New', 'Lucida Console', monospace;
    font-size: 10px;
    color: #000000;
    text-align: right;
    line-height: normal;
    letter-spacing: normal;
    }
div#footer a:link, a:visited {
	color: #000000;
	text-decoration: none;
	}
div#footer a:hover {
	color: #00FF00;
	text-decoration: none;
    }
input#author,input#email,input#url,div.navigation div {
	width:50%;
	}
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
	}


/* ----
////////////////////////
	Structural .divs
////////////////////////
---- */


.entry-title,.entry-meta {
	clear:both;
	}
#content {
	position: absolute;
	padding: 0px 5px 5px 0px;
	border: 0px solid #FF00CC;
	}
div#container {
	position: absolute;
	top: 20px;
	left: 230px;
	width: 650px;
	padding-top: 0px;
	width: 600px;
	border: 0px solid #000000;
	}
div#secondary {
	position: absolute;
	top: 149px;
	left: 839px;
	padding-top: 0px;
	width: 105px;
	text-align: left;
	}
div#secondary h3 {
	font-size:8pt;
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	border-bottom: 0px dashed #000000;
	letter-spacing: 1.5px;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-transform: uppercase;
	}
div#primary h3 {
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	}


/* ----
//////////////////////////////////////
/////////////////////////////////////
	... In the southern clime,
    	Where the summer's prime
    	Never fades away,
    	Lovely Lyca lay.

	Seven summers old
	Lovely Lyca told;
	She had wander'd long
	Hearing wild birds' song. ...
//////////////////////////////////////
/////////////////////////////////////
---- */
 

emski

Pi
Verificación en dos pasos activada
Desde
27 Jul 2012
Mensajes
5.187
En la siguiente parte cambia font size por el tamaño que quieras:
Eso lo haces en tu style.css en Body,p{ cambias font size: 11
por el numero que quieras, solo cambia el numero

PHP:
body, p {
    font-family:  'Monaco', Courier, 'Courier New', 'Consolas', 'Lucida Console', monospace, verdana;
    color: #000000;
    line-height: 20px;
    text-align: left;
    [B]font-size:[/B] 11px;
    padding-right: 10px;
    padding-bottom: 16px;
    }
pre {
    font-family: 'Monaco', 'Consolas', Courier, 'Courier New', 'Lucida Console', monospace;
    font-size: 10px;
    color: #000000;
    text-align: right;
    }
strong {
    font-weight: normal;
    text-transform: uppercase;
    }


---------- Post agregado el 14-ago-2013 hora: 03:55 ----------

Y te debería de andar bien, sino me dices que tamaño quieres y se lo cambio yo

PDT: Creo que si me funcionaron esos cursos de CSS un poco :welcoming:
 

victorsnk

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2013
Mensajes
161
Lo dicho ... ¡FUNCIONA CRACKS! Espero que ahora sea mucho más legible el cuerpo de mi blog. Muchas gracias de verdad!!!!
 

Chapi

Delta
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
2 Ago 2011
Mensajes
618
De verdad te gusta que tu web parezca un documento abierto con el block de notas?
 

victorsnk

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2013
Mensajes
161
Si! Me encanta! Ya me aburrí de tanto diseño y perfeccionismo pero gracias por la sugerencia. Todos vuestros consejos son bienvenidos
 

victorsnk

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2013
Mensajes
161
Como para no regresar, a menos que sea fanatico.

Me han quedado los ojos...

De verdad, que ordenadores, pantallas o resoluciones tenéis? Personalmente lo he provado en varias máquinas y no se ve nada mal... De todas formas con un poco de control+aumentar se arregla súper rápido porque es súper ajustable.

---------- Post agregado el 18-ago-2013 hora: 21:48 ----------

Por cierto, si volvéis a chequear http://b.victorsnk.com he corregido parte del tamaño de la letra y del interlineado de manera que ahora es mucho más legible con casi cualquier resolución.