Otra forma de poner la letra capital – Rooms

Desde que publiqué la plantillaQuo Template me han preguntado cómo he hecho para poner la letra capital a todos los títulos de las entradas pero específicamente cómo puede hacerse para poner laletra capital al inicio de cada entrada.

Anteriormente habíamos visto una manera de poner laletra capital en las entradas usando un poco de CSS y con ayuda de un pequeño código en las entradas que se desee que aparezca la letra capital.

Con esa otra forma el proceso es más simple, pues con sólo un cambio de agregará a todas las entradas de forma automática.

Lo único que hay que hacer es agregar el pseudo-elementofirst-letter que hará que tome la primera letra del texto y le aplique los estilos que hayamos elegido.

Para realizarlo sólo entra enDiseño | Edición de HTML y antes de/b:skin agrega lo siguiente:

.post-body:first-letter {
font-size: 40px;
color: #0B243B;
padding-right: 2px;
}

A partir de ahí ya aparecerá la letra capital en todas las entradas, pero también puedes agregar otros estilos a la letra, tales como el tipo de fuente, grosor, etc.

Estos son algunos otros atributos que puedes agregar:

font-weight: bold;/* letra en negrita */
font-family: Arial; /* tipo de letra */
font-style: italic;/* letra cursiva */

El procedimiento es muy sencillo y se puede aplicar a muchas áreas, por ejemplo:

Si quieres quelos comentarios también tengan letra capital agrega esto:

.comment-body:first-letter {
font-size: 40px;
color: #0B243B;
padding-right: 2px;
}

Si quieres que el título de las entradas tenga letra capital agrega esto:

.post h3 a:first-letter {
font-size: 40px;
color: #0B243B;
padding-right: 2px;
}

Si quieres que eltítulo del blog tenga letra capital agrega esto:

#header h1:first-letter {
font-size: 40px;
color: #0B243B;
padding-right: 2px;
}

Si quieres que losbloques entrecomillados tengan letra capital agrega esto:

.post-body blockquote:first-letter {
font-size: 40px;
color: #0B243B;
padding-right: 2px;
}

Consideraciones finales:

1. Funciona en todos los navegadores.
2. Si hubiera una imagen antes del texto entonces no se mostrará la letra capital.
3. Si la letra capital tuviera un signo antes o después de ella estas también se verán afectadas con los estilos.

Hard drive Data Recovery Services mesothelioma lawyer chicago DONATE YOUR CAR FOR KIDS pharmacist jobs in chicago Mobile casino Asbestos Lung Cancer Live casino Psd to html Social media campaigns Casino Business management software los angeles auto accident attorneys Online casino Donate Cars in MA Hire php developers world trade center footage car accident lawyer san bernardino Psd to WordPress car insurance companies supportpeachtreecom Seo services data recovery raid CAR DONATE Tech school Psychic for Free personal injury lawyer Social media tools baltimore mesothelioma attorneys Cheap auto insurance in VA WordPress hosting mesothelioma law firm Italian cooking school Dedicated Hosting Dedicated Server Hosting life insurance quotes mesothelioma attorney california CAR INSURANCE QUOTES UTAH Custom WordPress theme designer Best Seo company primary pulmonary hypertension dallas mesothelioma attorneys Register Free Domains structured settlements annuities DONATE CARS ILLINOIS Learning adobe illustrator structured settlement sell houston motorcycle accident lawyer cell cycle regulation ppt Donate car for tax credit Life Insurance Co Lincoln DONATING A CAR IN MARYLAND Dayton Freight Lines best consolidation loan student Proud Italian cook Make money online Australia boca raton personal injury attorney Criminal lawyer Donate Cars Illinois Casino reviews Dallas Mesothelioma Attorneys Mortgage adviser accident attorneys orange county Seo company Best social media platforms DUI lawyer royalty free images stock Seo companies Online Christmas cards selling annuity payments for cash Hire php programmers accident attorney san bernardino wisconsin mesothelioma attorney selling a structured settlement Dwi lawyer business email web hosting structured settlement brokers Royalty Free Images Stock Social media strategies CAR INSURANCE QUOTES COLORADO Service business software FUTURISTIC ARCHITECTURE what is structured settlement event management security CAR INSURANCE IN SOUTH DAKOTA Criminal defense lawyer NUNAVUT CULTURE Php programmers for hire broward county dui lawyer california mesothelioma attorney BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer Hire php developer webex costs WordPress theme designers Criminal Defense Attorneys Florida car insurance quotes Custom Christmas cards Insurance cash out structured settlement life insurance co lincoln fast cash for house auto accident lawyer san francisco Auto Accident Attorney Donate a car in Maryland student loan consolidation program BETTER CONFERENCING CALLS Motor Replacements mesothelioma lawyer texas arizona auto accident attorney Computer science classes online Php programmers firm law mesothelioma MET AUTO injury lawyers auto insurance cost by state Best social media platforms for business