Wsparcie » Motywy » Zmiana czcionki w WordPress tylko tytył

  • Witam zacząłem przygodę z WP wczoraj i zastanawia mnie jak mogę zmienić czcionkę w stylu ale tylko w tytule.

    Zmieniałem w tej sekcji

    html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
    body { font: 75%/1.7 'Droid Sans', Helvetica, Arial, sans-serif; color: #666; background: #f7f7f7; } /* Base 12px */
    .container { width: 82em; margin: 1em auto; }
    .wrapper { padding: 1.67em; background: #fff; }

    Ale wtedy zmienia mi wszystkie czcionki

    Cały plik css wygląda tak:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
    b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header,hgroup, menu, nav,
    output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }
    
    /***** Structure *****/
    
    html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
    body { font: 75%/1.7 'Droid Sans', Helvetica, Arial, sans-serif; color: #666; background: #f7f7f7; } /* Base 12px */
    .container { width: 82em; margin: 1em auto; }
    .wrapper { padding: 1.67em; background: #fff; }
    
    /***** Columns *****/	
    
    .row [class*='col-']:first-child { margin: 0; }
    [class*='col-'] { float: left; margin-left: 2.22%; }
    .col-1-1 { width: 100%; }
    .col-1-2 { width: 48.89%; }
    .col-1-3 { width: 31.8533%; }
    .col-2-3 { width: 65.9267%; }
    .col-1-4 { width: 23.335%; }
    .col-3-4 { width: 74.445%; }
    .col-1-5 { width: 18.224%; }
    .col-1-6 { width: 14.816%; }
    .col-1-7 { width: 12.382%; }
    .col-1-8 { width: 10.5575%; }
    .clear { clear: both; }
    .clearfix { display: block }
    .clearfix:after { content:"."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
    
    /***** Typography *****/
    
    h1 { font-size: 190%; }
    h2 { font-size: 170%; }
    h3 { font-size: 160%; }
    h4 { font-size: 150%; }
    h5 { font-size: 140%; }
    h6 { font-size: 130%; }
    h1, h2, h3, h4, h5, h6 { line-height: 1.3; }
    b, strong { font-weight: bold; }
    i, em { font-style: italic; }
    small { font-size: 50%; }
    big { font-size: 150%; }
    pre, code { font: "Consolas", Courier New, Courier, monospace; margin-bottom: 1.5em; background: #f7f7f7; border: 1px solid #ebebeb; }
    pre { padding: 1em; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; word-wrap: break-word; }
    code { padding: 0 0.5em; }
    kbd { padding: 0 0.5em; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; text-shadow: 0 0.0625em 0 #fff; }
    blockquote { font-size: 110%; font-style: italic; padding: 1em 1em 0.5em; margin-bottom: 1.5em; border-left: 3px solid #e64946; background: #f7f7f7; }
    sup { vertical-align: super; font-size: 75%; }
    sub { vertical-align: sub; font-size: 75%; }
    abbr, acronym { border-bottom: 1px dashed; cursor: help; }
    cite { color: #9a9b97; }
    q { font-style: italic; }
    address { font: 100%/1.5 "Courier new"; margin-bottom: 1.5em; }
    a { color: #000; text-decoration: none; }
    a:hover { color: #e64946; }
    
    /***** Lists *****/	
    
    .entry ul { list-style: disc; }
    .entry ol { list-style: decimal; }
    .entry ul, .entry ol { margin: 0 0 1.5em 1.25em; }
    dl { margin: 0 0 1.5em 1em}
    dt, dd { display: list-item; }
    dt { list-style-type: square; font-weight: bold }
    dd { list-style-type: circle; margin-left: 1.625em; }
    
    /***** Header *****/
    
    .header-wrap { background: #fff; }
    .logo { padding: 0.5em 1em; }
    
    /***** Navigation *****/
    
    .main-nav { background: #2a2a2a; font-size: 116%; text-transform: uppercase; border-bottom: 3px solid #e64946; }
    .main-nav ul li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; border-left: 1px solid #000; }
    .main-nav ul li:first-child { border: none; }
    .main-nav ul li:hover { background: #e64946; }
    .main-nav ul li a { padding: 0.416em 1em; color: #fff; display: block;  }
    .main-nav ul ul { display: none; position: absolute; }
    .main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
    .main-nav ul ul li { width: 10em; border: none; }
    .main-nav ul ul ul { left: 10em; top: 0; }
    
    /***** Slider *****/	
    
    #slider { margin-bottom: 1.5em; }
    .slide-caption { width: 25em; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; top: 0; right: 0; border-bottom: 3px solid #e64946; opacity: 0.6; filter:alpha(opacity=60); }
    .slide-wrap:hover .slide-caption { opacity: 1; filter:alpha(opacity=100); }
    .slide-data { padding: 1em; }
    .entry #slider ul { list-style: none; margin: 0; }
    
    /*****  FlexSlider Browser Resets - Copyright 2012 WooThemes - GPLv2 license - http://www.gnu.org/licenses/gpl-2.0.html *****/
    
    .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  { outline: none; }
    .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } 
    
    /***** FlexSlider Default Styles *****/
    
    .flexslider { margin: 0; padding: 0; }
    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img { display: block; }
    .flex-pauseplay span { text-transform: capitalize; }
    .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    html[xmlns] .slides { display: block; }
    * html .slides { height: 1%; }
    .flex-direction-nav { *height: 0; }
    .flex-direction-nav a { width: 30px; height: 30px; margin: -12px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
    .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; display: none; }
    .flex-direction-nav .flex-prev { left: -36px; display: none; }
    .flexslider:hover .flex-next { opacity: 0.8; right: 5px; display: block; }
    .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; display: block; }
    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
    .flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
    .flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; }
    .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
    .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
    .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
    .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
    
    /***** FlexSlider Custom Styles *****/
    
    .flexslider { position: relative; zoom: 1; }
    .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
    .loading .flex-viewport { max-height: 300px; }
    .flexslider .slides { zoom: 1; }
    .no-js .slides > li:first-child { display: block; }
    .caption { position: absolute; padding: 0.25em 1em; background: #e64946; color: #fff; top: 10%; opacity: 0.7; filter:alpha(opacity=70); }
    
    /***** Posts/Pages *****/
    
    .post-title, .page-title-top { border-bottom: 3px solid #2a2a2a; }
    .page-title { background: #e64946; font-size: 160%; color: #fff; padding: 0 0.5em; display: inline-block; margin-bottom: 15px;  }
    .subheading { background: #e64946; color: #fff; font-size: 110%; line-height: 1.3; padding: 0.25em 0.5em; display: inline-block; }
    .meta { color: #9a9b97; font-style: italic; }
    .post-meta { margin: 1em 0; padding: 0.5em; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
    .entry p, .post-thumbnail { margin-bottom: 1.5em; }
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 12px; }
    .tags-wrap { margin: 1em 0; }
    .tags li { float: left; margin: 0 0.5em 0.5em 0; background: #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .tags li:hover { background: #e64946; }
    .tags a { color: #fff; display: block; padding: 0.2em 1em; }
    .author-box { margin-bottom: 2em; padding: 0.83em; background: #f7f7f7; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
    .author-box-avatar { float: left; width: 6.67em; margin-right: 0.83em; }
    .related-posts { margin: 1.5em 0; }
    .related-thumb { float: left; margin: 0 0.5em 0.5em 0; padding: 0.25em; border: 1px solid #f7f7f7; }
    .section-title { font-size: 140%; margin-bottom: 0.5em; }
    .sitemap .page-title { margin-bottom: 1em; }
    .sitemap ul { list-style: none; margin-left: 0; }
    .sitemap .children { list-style: disc; margin: 0 0 0 1em; }
    
    /***** Archives *****/
    
    .loop-wrap { padding-bottom: 1.67em; margin-bottom: 1.67em; -webkit-box-shadow: 0 8px 8px -8px gray; -moz-box-shadow: 0 8px 8px -8px gray; box-shadow: 0 8px 8px -8px gray; }
    .loop-title { margin-bottom: 0.25em; }
    .loop-thumb { float: left; margin-right: 1em; }
    .cat-desc { margin-bottom: 2em; padding: 0.83em; background: #f7f7f7; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
    .sticky { }
    
    /***** Pagination *****/
    
    .page-numbers { padding: 0.3125em 0.625em; background: #eee; }
    .page-numbers:hover, .current, a:hover .pagelink { background: #e64946; color: #fff; }
    .page-numbers a { display: block; }
    .pagination { margin-bottom: 2em; }
    .pagelink { padding: 0.3125em 0.625em; background: #e64946; color: #fff; }
    a .pagelink { background: #eee; color: #444; }
    
    /***** Footer *****/
    
    footer { background: #2a2a2a; color: #fff; padding: 1.67em; }
    footer a { color: #f7f7f7; }
    .copyright { padding: 0.125em 0.5em; font-size: 90%; }
    
    /***** Images / Video *****/	
    
    img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }
    .aligncenter { display: block; margin: 0 auto; }
    .alignleft, .left { display: inline; float: left; margin: 0 1em 0 0; }
    .alignright, .right { display: inline; float: right; margin: 0 0 0 1em; }
    .wp-caption { max-width: 100%; height: auto; position: relative; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .wp-caption-text { padding: 0.5em 1em; position: absolute; left: 0; bottom: 5px; color: #fff; background: #e64946; opacity: 0.9; filter:alpha(opacity=90); }
    .gallery dl { margin: 0 }
    .gallery dt { list-style: none; }
    .gallery-caption { position: relative; display: none; }
    
    /***** Tables *****/
    
    table { width: 100%; margin: 0 0 1.5em; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
    td, th { padding: 0.375em 0.75em; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
    th { background-color: #e64946; font-weight: 600; color: #fff; }
    
    /***** Widgets *****/
    
    .sb-widget { overflow: hidden; margin-bottom: 1.5em; }
    .widget-title { margin-bottom: 1em; border-bottom: 3px solid #e64946; }
    #wp-calendar caption { text-align: left; padding: 0.5em; background: #f7f7f7; }
    #wp-calendar th, #wp-calendar td { padding: 0.25em 0.5em; text-align: center; }
    #wp-calendar th { font-weight: 600; }
    #wp-calendar #prev { text-align: left; }
    [class*='tag-link-'] { color: #666; padding: 0.2em 1em; background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    [class*='tag-link-']:hover { color: #fff; background: #e64946; }
    
    /***** Searchform *****/
    
    #searchform { background: #f6f6f6; border: 1px solid #ebebeb; padding: 0.3125em; overflow: hidden; }
    #searchform #s { width: 100%; background: none; border: none; color: #444; }
    #searchform #s:focus { outline: none; }
    #searchsubmit { display: none; }
    
    /***** Comments *****/
    
    .no-comments { background: #ebebeb; padding: 0.3125em; }
    .commentlist, .commentlist .children { list-style: none; }
    .commentlist .children { margin-left: 1em; }
    .commentlist li { margin: 1em 0; }
    .commentlist li .vcard { line-height: 2.5; padding: 0.5em; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
    .commentlist li .avatar { width: 2.5em; height: 2.5em; padding: 0.167em; margin-right: 0.5em; background: #fff; border: 1px solid #f7f7f7; vertical-align: middle; }
    .commentlist li ul { list-style: square; margin: 0 0 0.625em; padding: 0; }
    .comment-text { padding: 0.5em; }
    .comment-info { color: #e64946; margin: 1em 0; }
    .bypostauthor { border-left: 3px solid #e64946; }
    
    /***** Comment Form *****/
    
    #respond { background: #f6f6f6; padding: 0.625em 1em; margin-top: 2em; border: 1px solid #d7d8d8; }
    #respond h3 { margin-bottom: 0.625em; }
    #commentform input#submit { line-height: 1.3; background: #e64946; padding: 0.4375em 1.375em; color: #fff; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; }
    #commentform input#submit:hover { background: #2a2a2a; }
    #commentform textarea { width: 96.4%; line-height: 1.5; border: 1px solid #d7d8d8; padding: 0.3125em 0.625em 0.625em; }
    .contactform input[type="text"] { width: 75%; }
    #commentform p { margin-bottom: 1em; }
    .text-input input, #commentform input { padding: 0.5em; }
    #author, #email, #url { width: 60%; border: 1px solid #d7d8d8; }
    #author:hover, #email:hover, #url:hover, #comment:hover { border: 1px solid #e64946; }
    input#author, input#email, input#url, #comment { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
    #cancel-comment-reply-link { background: #e64946; padding: 0.5em 1em; color: #fff; border: 1px solid #d7d8d8; }
    #cancel-comment-reply-link:hover { background: #2a2a2a; }
    .required { color: #e64946; }
    
    /***** Contact Form 7 *****/
    
    .wpcf7-form { padding: 0.625em 1em; margin-top: 1em; border: 1px solid #d7d8d8; background: #f7f7f7; font-size: 90%; line-height: 1.5; }
    .wpcf7-form input[type="text"] { width: 90%; padding: 0.625em; font-size: 100%; border: 1px solid #d7d8d8; }
    .wpcf7-form textarea { width: 90%; padding: 0.3125em 0.625em; font-size: 130%; line-height: 1.5; border: 1px solid #d7d8d8; }
    .wpcf7-submit { padding: 0.4375em 1.375em; font-size: 100%; color: #fff; background: #e64946; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; }
    .wpcf7-submit:hover { background: #2a2a2a; }
    .wpcf7-response-output { background: #fff; }
    
    /***** Social *****/	
    
    .share-buttons-container { position: relative; margin: 2em 0; padding: 1em 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
    .no-js .share-buttons-container { display: none; }
    .share-button { width: 13em; position: relative; float: left; }
    
    /***** jQuery PowerTip *****/
    
    #powerTip { cursor: default; background-color: #2a2a2a; opacity: 0.8; filter:alpha(opacity=80); border-radius: 6px; color: #fff; display: none; padding: 0.833em; position: absolute; white-space: nowrap; z-index: 2; }
    
    /***** RTL Support *****/
    
    .rtl { direction: rtl; unicode-bidi: embed; }
    .rtl [class*='col-'] { float: right; margin-right: 2.22%; margin-left: 0; }
    .rtl .entry ul, .rtl .entry ol { margin: 0 1.25em 1.5em 0; }
    .rtl dl { margin: 0 1em 1.5em 0}
    .rtl dd { margin-right: 1.625em; margin-left: 0; }
    .rtl .share-button { float: right; }
    .rtl .main-nav ul li { float: right; border-right: 1px solid #000; border-left: none; }
    .rtl .main-nav ul ul ul { right: 10em; left: auto; }
    .rtl .slide-caption { left: 0; right: auto; }
    .rtl .tags li { float: right; margin: 0 0 0.5em 0.5em; }
    .rtl .author-box-avatar { float: right; margin-left: 0.83em; margin-right: 0; }
    .rtl .related-thumb { float: right; margin: 0 0 0.5em 0.5em; }
    .rtl .loop-thumb { float: right; margin-left: 1em; margin-right: 0; }
    .rtl .wp-caption-text { right: 0; left: auto; }
    .rtl .alignleft, .rtl .left { margin: 0 1em 0 0; }
    .rtl .alignright, .rtl .right { margin: 0 0 0 1em; }
    .rtl #wp-calendar caption, .rtl #wp-calendar #prev { text-align: right; }
    .rtl .commentlist .children { margin-right: 1em; margin-left: 0; }
    .rtl .commentlist li .avatar { margin-left: 0.5em; margin-right: 0; }
    .rtl .bypostauthor { border-right: 3px solid #e64946; border-left: none; }
    .rtl .dropcap { float: right; margin-left: 5px; margin-right: 0; }
Viewing 1 replies (of 1 total)
  • W HTMLu jest (aż) 6 rodzajów (poziomów) tytułów (nagłówków). Jeżeli chcesz zmienić czcionkę dla wszystkich, odszukaj tę linijkę:

    h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

    I tutaj dodaj odpowiednią regułę.

Viewing 1 replies (of 1 total)
  • Temat ‘Zmiana czcionki w WordPress tylko tytył’ jest zamknięty na nowe odpowiedzi.