- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Come modificare il font e il colore del titolo in wordress
-
Come modificare il font e il colore del titolo in wordress
ciao, ecco il mio css:
/* Theme Name: Cordobo Green Park Theme URI: http://cordobo.com/free-wordpress-templates/ Description: <strong>Cordobo Green Park</strong> is a 3 column theme for WP 2.x with <strong>Widgets</strong> and <strong>Color Schemes</strong> support. Originally designed for <a href="http://chungo.net">Chungo.net</a>. Valid XHTML and CSS. Head over to the <a href="http://cordobo.com/free-wordpress-templates/">Green Park Support Pages</a>. Version: 0.9.3 BETA 4 Author: Andreas Jacob Author URI: http://cordobo.com/ */ /** BEGIN ADDED **/ /** These lines are for IE6 **/ * html #header { height: 47px; } * html #content, * html .entry_firstpost, * html .entry { position: relative; } ul.readmore { list-style: none; background: url(images/content_bullet.gif) no-repeat 0 9px; padding: 2px 0 6px 10px; margin: 0px; } /** Removes any image borders **/ img { border: none 0px; } .main p img { border: 0px; margin: 0px; padding: 0px; display: block; /** If you want the images autoalign on the left side, uncomment this line float: left; margin-right: 20px; margin-bottom: 2px; padding-right: 2px; padding-bottom: 2px; **/ /** If you want the images autoalign on the right side, uncomment this line float: right; margin-left: 20px; margin-bottom: 2px; padding-left: 2px; padding-bottom: 2px; **/ } .entry{ background: #fff url(images/comment-area.gif) repeat-x left top; padding: 0 0 1px 0; margin: 0px; } .latest{ background:; padding: 15px; margin: 0px; } .entry_firstpost{ background: #fafafa url(images/comment-area.gif) repeat-x left top; padding: 1px; margin: 0px; } .latest_firstpost{ background: #F3F3F3 url(images/latest.gif) no-repeat bottom right; padding: 15px; margin: 0px; } h1 a img { border: none 0px; text-decoration: none; } /** END ADDED **/ /* 1) -=-=-=- General selectors -=-=-=- */ html { background: #BEBEBE url(images/chungo_bg_grey_right.gif) repeat-y top right; } body { background: url(images/chungo_bg_grey_left.gif) repeat-y top left; margin: 0px; padding: 0px; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 80%; color: #000; text-align: center; } { color: #F4FAFE; margin: 0; font-size: .9em; height: 47px; line-height: 47px; width: auto; background: url(images/chungo_logo_headerbar_green.png) repeat-x right bottom; } #header_left_bg { margin: 0; padding: 0; height: 47px; width: auto; background: url(images/header_left.png) no-repeat left bottom; } #single_post_right { color:; margin: 0px 16px 0px 16px; padding: 0px; font-size: .9em; line-height: 18px; height: 19px; width: auto; background: url(images/single_post_right.gif) repeat-x right top; } #single_post_left { color: #888888; margin: 0px 16px 0px 0px; padding: 0px; padding-left: 16px; font-size: .9em; line-height: 18px; height: 19px; width: auto; background: transparent url(images/single_post_left.gif) no-repeat left top; } h1, h1 a { margin: 0 0 0 15px; font-size: 1.5em; line-height: 47px; height: 47px; background: transparent; text-decoration: none; border: none 0px; color:; } h1 { margin: 0; font-size: 2.2em; line-height: 47px; height: 47px; background: none; text-decoration: none; border: none 0px; } h2 { color: #053EA6; font-weight: normal; font-size: 1.8em; line-height: 1.2em; margin: 0px; padding: 0px; background: none; } .links h2 { font-size: 1.4em; line-height: 31px; height: 41px; margin: 0px; padding-left: 10px; font-weight: bold; color: #ffffff; background: url(images/h3_bg.gif) no-repeat; list-style: none; } h2 a:link, h2 a:visited { color:; font-weight: normal; text-decoration: none; background: none; } h2 a:hover, h2 a:active { color: #004D90; font-weight: normal; text-decoration: none; background: none; } h3 { font-size: 1.4em; line-height: 1.4em; height: auto; margin: 0px; padding: 0px; font-weight: bold; color:; background: none; } .links h3 { font-size: 1.4em; line-height: 31px; height: 41px; margin: 0px; padding-left: 10px; font-weight: bold; color:; background: url(images/h3_bg.gif) no-repeat; } a:link { color: #155EA5; font-weight: bold; text-decoration: none; } a:visited { color: #999; } a:hover, a:active { background: none; color:; } blockquote { border-left: 4px solid #3F3F3F; padding: 0 10px; margin: 0 0 0 10px; font-style: italic; } code { display: block; padding: 10px; color: #1F3B4E; background: #E8F2F8; font-size: 1.2em; border-top: 2px solid #98C1EC; } p { line-height: 1.4; } /* 2)-=-=-=- Structure -=-=-=- */ #container { margin: 0; padding: 20px; text-align: left; background: url(images/chungo_bg_grey_right.gif) repeat-y right bottom; } #wrapper { padding: 16px 16px 0 16px; } div#content { width: auto; margin: 0 202px 0 202px; padding: 20px; background: #efefef; } #navibar { float: left; width: 182px; margin: 0px; padding: 0px; background: url(images/container_left.gif) no-repeat; } #right { float: right; width: 182px; margin: 0px; padding: 0px; background: url(images/container_right.gif) no-repeat; } .links { margin: 15px 0 0 15px; padding: 0px; background: none; } #navi_end_left { width: 182px; margin: 0px; padding: 0px; height: 20px; background: url(images/container_left_end.gif) no-repeat left bottom; } #navi_end_right { width: 182px; margin: 0px; padding: 0px; height: 20px; background: url(images/container_right_end.gif) no-repeat left bottom; } #footer { margin: 0 0 20px 0; padding: 20px 0 0 0; height: 47px; width: 100%; background: transparent url(images/footer_right.png) repeat-x right bottom; clear: both; position: relative; text-align: center; } #footer_left_bg { margin: 0; padding: 0; height: 47px; width: auto; background: url(images/footer_left.png) no-repeat left bottom; } p { color: #202B7C; margin: 0; font-size: .9em; padding: 10px 0 0 0; background: none; text-align: center; } /* 3)-=-=-=- Left selectors -=-=-=- */ .meta { background:; font-size: .9em; padding: 5px; margin: 0px; border: 1px dotted; } .highlight { background: #DCF1FE; } .comments-nice-bg { padding: 1px; background: #4990E1; color:; } .comments-nice { padding: 10px; background: #FAFAFA url(images/comment-area.gif) repeat-x left top; border: 1px solid #A4C7F0; } .comments { font-size: 1.2em; padding: 0 0 0 0; background:; border: 1px solid; } .comments a:link, .comments a:visited { color:; font-weight: bold; text-decoration: none; } .comments a:hover, .comments a:active { background:; color:; text-decoration: none; } .alt { background: #CFE2F8 !important; border: 1px solid !important; padding: 10px 10px 0 10px !important; } .alt:hover { border: 1px solid !important; } .commentlist li:hover { border: 1px solid; } .commentlist { padding: 0; margin: 3px; } .commentlist li { list-style: none; padding: 10px 10px 0 10px; background: #EBF3FC; border: 1px solid #B6D3F3; margin: 10px; color: #2D3845; } p.metadate { font-size: .8em; margin: 0; padding: 0px; text-transform: uppercase; } p.comment_meta { margin: 0 0 10px 10px; font-size: .9em; } .comment_author a:visited { font-weight: bold; text-decoration: none; } .reply { font-weight: bold; font-size: 1.2em; margin: 10px 0 0 10px; } .comments-nice .reply { color:; font-weight: bold; font-size: 1.2em; margin: 0px 0 0 0px; } .warning p { /* Used on the search page (image will appear if no result is found) */ background: #FFF url(images/warning.gif) no-repeat left; height: 160px; padding: 20px 0 0 90px; font-size: 1.5em; margin: 0px; border: 1px solid; } .postinput { margin: 0; } /* 4)-=-=-=- Right selectors -=-=-=- */ #author li { list-style: none; margin: 0; padding: 0 5px 20px 0; font-size: .9em; line-height: 1.4; } ul { padding: 20px 0 0 0; margin: 0; } .links li { list-style: none; background: url(images/content_bullet.gif) no-repeat 0 9px; padding: 2px 0 2px 0px; padding-bottom: 5px; margin: 0px; } div.links ul li#linkcat-1 { list-style: none; display: inline; background: none; padding: 0px; margin: 0px; } .links ul li { border-bottom: 1px solid; } .links ul li ul li { border-top: 1px solid; border-bottom: 0px solid; } .links li li { list-style: none; background: url(images/content_bullet.gif) no-repeat 0 9px; padding: 2px 0 2px 12px; } .links li li li { background: url(images/sub_icon.gif) no-repeat 0 7px; padding: 3px 0 2px 13px; font-size: 1em !important; } .links ul { padding: 0px; margin: 5px; } .links ul ul { padding: 0; margin: 2px 0 0 0; } .links ul ul ul { padding: 0 !important; margin: 0 0 -4px 0 !important; } .links a { font-size: .9em; text-decoration: none; } .links a:link { color: #4A535D; font-weight: normal; } .links a:visited { color: #aaa; } .links a:hover, .links a:active { background: #1461BE; color:; } #search { padding-bottom: 20px; height: 22px; } .searchfield { vertical-align: middle; padding: 1px; margin: 1px; background:; border: 1px solid; color: #2164A7; width: 90px; font-size: 12px; height: 16px; } .searchfield:hover { background:; border: 1px solid #BFBFBF; color: #949494; } .searchsubmit { vertical-align: middle; padding: 1px; margin: 1px; background:; border: 1px solid; color:; width: 50px; font-size: 12px; height: 20px; } .searchsubmit:hover { background:; border: 1px solid; color:; } /* 6)-=-=-=- Forms -=-=-=- */ textarea { font-family: Arial, Verdana, Helvetica; font-size: 1.1em; border: 1px solid; padding: 2px 5px 1px 5px; width: 90% !important; width: 250px; min-width: 100px !important; max-width: 450px !important; height: 100px; } textarea:hover { background:; border: 1px solid #0031A6; color:; } input { background:; border: 1px solid; } input:hover { border: 1px solid; } .input-submit { height: 39px; width: 163px; text-align: center; background: none; border: 0px solid; } .input-submit:hover { background: none; border: 0px solid; } /* 7)-=-=-=- Accessibility -=-=-=- */ #skip { display: none; } hr { display: none; } ul#navlist { margin: 0; padding: 0; white-space: nowrap; } ul#navlist ul { margin: 0; padding: 0; white-space: nowrap; } #navlist li.page_item { display: inline; list-style-type: none; padding: 0px; margin: 0px; } li.page_item ul { display: inline; list-style-type: none; padding: 0px; margin: 0px; } a { padding: 0px 10px 0 0; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; } .column1, .column2 { float: left; width: 45%; } .column1 { margin: 0 2% 0 0; } .column2 { margin: 0 0 0 2%; }
-
ahimè il css non è sufficiente, servirebbe almeno il single.php per capire come e dove sono utilizzate le classi...
-
è il tema cordobo greenpark.
In realtà vorrei che solo una parte del titolo cambiasse font (e colore)il mio sito è vivarovere punto it sbarra index.php.
In particolare vorrei che la scritta Viva Rovere fosse azzurrina e con il font rage italic.ecco il single.php
[PHP]<?php get_header(); ?>
<?php get_sidebar(); ?><div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="entry"> <div class="latest"> <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="meta<?php if(is_home() && $post==$posts[0] && !is_paged()) echo ' firstpost';?>"> <?php _e("Posted on "); ?> <?php the_time('F jS, Y') ?> in <?php the_category(',') ?> by <?php the_author() ?> <?php edit_post_link('Edit', ' | ', ''); ?> </div> <div class="main"> <?php the_content(''); ?> <?php wp_link_pages(); ?> </div> <!-- <?php trackback_rdf(); ?> --> </div> </div> <?php comments_template(); ?> <?php endwhile; else: ?> <div class="warning"> <p><?php _e('Sorry, no posts matched your criteria, please try and search again.'); ?>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</p> </div> <?php endif; ?> <?php posts_nav_link(' — ', __('« Previous Page'), __('Next Page »')); ?>
</div> <!-- /content -->
<?php get_footer(); ?>
[/PHP]
-
Beh visto quello che vuoi fare, secondo me ti conviene definire un nuovo id nello style.css relativo alla combinazione font+colore che vuoi ottenere, e quindi editare l'header.php inserendo l'id alla tag h1.
Quindi una cosa del genere:
<h1 id="titolo"><a href="http://www.vivarovere.it">Viva Rovere (Rocca di Mezzo, AQ) , Il Portale dei Roveresi!</a>
-
Grazie mille, mi hai dato un ottimo punto di partenza, ci proverò. Ciao