Jak zmienić czcionkę w szablonie?
-
Witam serdecznie
Chciałbym się doradzić w sprawie plików css. Zainstalowałem ostatnio sobie nowy szablon do wordpressa który posiada nieszczęsną czcionkę w tytule pt. „BEBAS NEUE REGULAR” która nie posiada polskich znaków. Chciałbym ją zamienić na OSWALD (Bold: 700) – która wydaje mi się najodpowiedniejsza. Jednak nie umiem tego zrobić sam, próbowałem na różne sposoby. Czy ktoś mógłby mi doradzić gdzie to pozmieniać i jak?
Z góry serdecznie dziękuję!
Kod css:
/* Theme Name:Myst /* RESET */ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { /* remember to define focus styles! */ outline: 0; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* BASIC */ body { font-family: Tahoma,Arial,Century gothic, sans-serif; color: #333; font-size: 12px; background: url(images/body.png); margin: 0 auto; padding: 0px 0px; } img { border: 0; margin: 0; } a { color: #008FA8; text-decoration: none; outline: none; } a:hover { color: #000; text-decoration: none; } blockquote { color: #59666f; font-style: italic; font-family: Georgia; padding: 10px; } .clear { clear: both; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #fff; margin: 10px 0; } table td,table th { text-align: left; border: 1px solid #fff; padding: .4em .8em; } table th { background: #ddd; color: #999; text-transform: uppercase; font-weight: 400; border: 1px solid #fff; } table td { border: 1px solid #fff; background: #eee; color: #555; } table tr.even td { background: #eee; border: none; } table tr:hover td { background: #FFF9DF; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0; } img.alignnone { display: inline; background: #eee; margin: 0 0 10px; padding: 5px; } img.alignright { display: inline; background: #eee; margin: 5px 0 10px 10px; padding: 5px; } img.alignleft { display: inline; background: #eee; margin: 10px 15px 10px 0; padding: 5px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 10px 15px 10px 0; } .wp-caption { text-align: center; background: #eee; margin: 10px; padding: 4px 0 5px; } .wp-caption img { border: 0; margin: 0 0 5px; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: 400; line-height: 12px; color: #444; margin: 0; padding: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .boxshadow { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } /* FONTS */ @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } /* OUTER */ #wrapper { width: 1000px; margin: 50px auto; background:#f6f6f6; } /* HEADER */ #masthead { } #top { height: 120px; width: 1000px; margin: 0px auto; background:url(images/top.png) repeat-x; } #blogname { width: 400px; float: left; font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif; } #blogname h1 { font-size: 48px; margin: 40px 0px 0px 20px; font-weight: normal; } #blogname h1 a:link, #blogname h1 a:visited { color: #111; } #blogname h3 { font-size: 16px; margin: 5px 0px 0px 0px; font-weight: normal; } /* TOP-MENU */ #botmenu { height: 70px; margin: 0px auto; background: url(images/menu.png) repeat-x; } #submenu { margin: 0px auto; width: 1000px; padding: 0px 0px; } #submenu ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0 0px; } #submenu li { float: left; list-style: none; margin: 0px 1px 0px 0px; padding: 0px; color: #999; text-shadow: 1px 1px 0px #000; font-size: 18px; font-weight:normal; font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif; } #submenu li span.menudescription{ display:block; font-size:10px; line-height:14px; color:#cbc6bd; font-family:Arial, Tahoma, Sans-serif; } #submenu li a { color: #fff; display: block; margin: 0; padding: 25px 15px 5px 15px; text-decoration: none; position: relative; text-shadow: 1px 1px 0px #000; height:40px; } #submenu li a:hover, #submenu li a:active{ color: #FCDC00; text-shadow:1px 1px 0px #000; background:url(images/menua.png) repeat-x; } #submenu li a.sf-with-ul { padding-right: 10px; } #submenu li .sf-sub-indicator{ display:none; } #submenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px 0px 0px 0px; padding: 5px 5px; background:url(images/submenu.png); } #submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited { color: #ddd; text-shadow:1px 1px 0px #890519; font-size:11px; text-shadow:none; width: 150px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 0px 5px; line-height:35px; height:35px; text-transform: none; position: relative; } #submenu li ul li a:hover, #submenu li ul li a:active { background:transparent; color: #fff; } ul.sub-menu li a{ border-bottom:1px solid #525252; } #submenu li ul a { width: 150px; } #submenu li ul a:hover, #submenu li ul a:active { } #submenu li ul ul { margin: -40px 0 0 165px; } #submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul { left: -999em; } #submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul { left: auto; } #submenu li:hover, #submenu li.sfHover { position: static; } /* SEARCH FORM */ #search { width: 270px; padding: 0px; margin: 0px 0px 20px 0px; display: inline-block; height: 31px; float: right; border: 1px solid #e8e8e8; background:#fff; } #search form { margin: 0px 0px 0px 0px; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { width: 250px; background: transparent; margin: 0px 0px 0px 3px; padding: 5px 5px; height: 20px; border: none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color: #555; float: left; display: inline; } #searchsubmit { background: #222; border: none; color: #fff; display: block; padding: 7px 7px; float: right; cursor: pointer; } /* BELOW HEADER */ #casing { width: 1000px; padding: 0px 0px 0px 0px; } /* CONTENT AREA */ #content { width: 670px; float: left; margin-left: 20px; margin-top: 20px; } .post { margin: 0px 0px 20px 0px; color: #666; padding: 0px 0px 0px 0px; background: #fff; border: 1px solid #e8e8e8; } .postim { position:relative; background:url(images/footer.png); width:668px; height:250px; } img.postimg{ width:668px; height:250px; } .btitle{ position:absolute; left:0px; bottom:0px; } .btitle h2{ padding:10px 25px; background:#111; font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif; font-size:24px; } .btitle h2 a:link,.btitle h2 a:visited { padding:0px 0px; color:#fff; } .btitle span{ background:#ffa812; padding:2px 25px; color:#fff; } .btitle span a:link, .btitle span a:visited{ color:#fff; } .title { margin: 0px 0px; padding: 0px 0px; font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif; } .title h2 { margin: 25px 25px 0px 25px; padding:0px 0px 15px 0px; font-size: 24px; font-weight: normal; color: #222; line-height: 120%; border-bottom:1px solid #ececec; } .title h2 a, .title h2 a:link, .title h2 a:visited { color: #222; background-color: transparent; } .title h2 a:hover { color: #333; background-color: transparent; } .entry { margin: 10px 0px 10px 0px; padding: 0px 25px; } .entry a:link, .entry a:visited { color: #FF9D00; } .entry a:hover { color: #FF9D00; } .entry ul, .entry ol { margin: .4em 0 1em; line-height: 150%; } .entry ul li, .entry ol li { list-style-position: outside; margin-left: 1.6em; } .entry p { margin: 0px 0px 0px 0px; padding: 10px 0px; line-height: 160%; } .titlemeta{ border-top:1px solid #ececec; padding:15px 0px; margin:0px 25px; font-size:10px; color: #999; } .titlemeta a:link, .titlemeta a:visited { color: #999; } span.smore{ float:left; padding: 0px 10px 0px 20px; background: url(images/plus.png) left center no-repeat; color: #999; } span.comm { float:right; padding: 0px 10px 0px 20px; background: url(images/comment.png) left center no-repeat; } span.comm a:link, span.comm a:visited { color: #999; } span.comm a:hover { color: #999; } span.slike { float:right; padding: 0px 0px 0px 20px; margin:0px 0px 0px 0px; background: url(images/heart.png) left center no-repeat; } span.slike a:link, span.slike a:visited { color: #999; } span.slike a:hover { color: #999; } .categori{ float:left; padding: 0px 10px 0px 20px; background: url(images/tag.png) left center no-repeat; color: #999; } .categori a:link,.categori a:visited { color: #FFA812; } .categori a:hover { color: #999; } /* SIDEBAR */ #right { width: 270px; float: right; margin-right: 20px; margin-top: 20px; } /* Banners */ .squarebanner { margin: 0px 0px 10px 0px; } .squarebanner ul { list-style-type: none; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; } .squarebanner ul li { list-style-type: none; margin: 10px 20px 20px 0px; float: left; display: inline; } .squarebanner ul li.rbanner { margin-right: 0px; } /* WIDGETS */ .sidebar { float: left; } h3.sidetitl { color: #fff; font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif; font-size: 18px; margin-bottom: 10px; padding: 10px 0px 10px 10px; background: #444444; border-left:10px solid #FFA812; } .sidebox { width: 270px; list-style: none; color: #666; margin: 0px 0 30px 0px; } .sidebox ul { list-style-type: none; margin: 0; padding: 0 0 5px; } .sidebox li { list-style-type: none; margin: 0; padding: 0; text-shadow: 1px 1px 0px #fff; } .sidebox ul ul { list-style-type: none; background-repeat: no-repeat; margin: 0; padding: 0; } .sidebox ul li { height: 100%; line-height: 18px; clear: left; width: 260px; list-style-type: none; margin: 0; font-size: 12px; color: #777; } .sidebox ul li a:link,.sidebox ul li a:visited { color: #777; text-decoration: none; display: block; padding: 5px 0px; } .sidebox ul li a:hover { color: #FFA812; } .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,.sidebox.widget_links ul li,.sidebox.widget_meta ul li { padding-left: 10px; border-bottom: 1px solid #fafafa; } .sidebox.widget_recent_entries ul li a { border-bottom: 1px solid #fafafa; padding-left: 10px; } ul#recentcomments li.recentcomments { border-bottom: 1px solid #fafafa; padding: 5px 0px 5px 10px; } div#calendar_wrap { border: 1px solid #fff; margin: 0 auto; padding: 0; } table#wp-calendar { width: 100%; border: none; margin: 0!important; padding: 0; } #wp-calendar caption { font-size: 16px; color: #375752; font-weight: 400; font-family: BebasNeueRegular,Georgia,Century gothic, Arial, sans-serif; text-transform: uppercase; padding: 10px 5px 5px; text-align:center; } #wp-calendar th,#wp-calendar td { text-align: center; color: #fff; background: #555; padding: 7px 5px; } #wp-calendar tr { margin: 0!important; } #wp-calendar td { background-color: #eee; color: #444; margin: 0!important; } #wp-calendar td a { border: none; color: #D1512A; } .sidebox ul ul ul,.sidebox ul ul ul ul { list-style-type: none; border: 0; margin: 0; padding: 0; } /* COMMENTS */ #commentsbox { margin: 0px 0px 0px 0px; } h3#comments { padding: 10px 20px; font-family: 'BebasNeueRegular'; font-size: 20px; background: #444444; margin: 20px 0px 20px 0px; color: #fff; } ol.commentlist { clear: both; overflow: hidden; list-style: none; margin: 0; } ol.commentlist li { line-height: 18px; background: #fff; margin: 0px 0 20px 0px; padding: 25px; border: 1px solid #e8e8e8; } ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited { color: #333; font-weight: 700; text-decoration: none!important; } cite.fn { color: #eee; font-style: normal; } ol.commentlist li .comment-author .avatar { float: right; border: 1px solid #eee; background: #fff; padding: 3px; } ol.commentlist li .comment-meta .commentmetadata { color: #000; } ol.commentlist li .comment-meta a { color: #E88F02; text-decoration: none!important; } ol.commentlist li p { line-height: 22px; margin-top: 5px; color: #666; font-size: 12px; } ol.commentlist li .reply { margin-top: 10px; font-size: 10px; } ol.commentlist li .reply a { background: #FFA812; border: 1px solid #E88F02; color: #fff; text-decoration: none; padding: 3px 10px; } ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0 0; } .comment-nav { height: 20px; padding: 5px; } .comment-nav a:link,.comment-nav a:visited { color: #E88F02; } #respond { margin: 10px 0; padding: 0; } #respond h3 { font-size: 14px; font-weight: 400; color: #444; padding: 5px 0 0; } #commentform { padding: 10px 0; } #commentform a { color: #E1512A; } #commentform p { color: #999; margin: 5px 0; } #respond label { display: block; color: #999; padding: 5px 0; } #respond input { background: #fff; border: 1px solid #ddd; color: #02070F; margin: 0 10px 10px 0; padding: 5px; } #commentform input { width: 50%; } #respond input#commentSubmit { width: 100px; background: #545454; border: 1px solid #333; color: #fff; cursor: pointer; margin: 10px 0; padding: 3px 5px; } textarea#comment { background: #fff; border: 1px solid #ddd; width: 70%; color: #02070F; margin: 10px 0 0; padding: 5px; } ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn { color: #333; } ol.commentlist li .comment-meta,#respond label small { font-size: 10px; } ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 { margin: 0 0 0 50px; } /* Archive title and pagination */ h1.pagetitle { font-size: 14px; margin-bottom: 20px; color: #777; } /* Footer widgets */ #bottom { margin: 0px auto; width: 1000px; background:url(images/ystripe.png) top repeat-x; } .bottomcover { margin: 0px auto; background:url(images/submenu.png); } h3.bothead { font-size: 20px; padding: 10px 0px 10px 0px; color: #fff; font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif; font-weight: normal; } .botwid { float: left; width: 217px; padding-bottom: 30px; font-size: 11px; margin: 20px 10px 0px 20px; color: #ddd; list-style: none; } .botwid ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; } .botwid li { list-style-type: none; margin: 0; padding: 0; } .botwid ul ul { list-style-type: none; margin: 0; padding: 0px 0px 0px 0px; background-repeat: no-repeat; } .botwid ul ul ul { list-style-type: none; margin: 0; padding: 0; border: 0; } .botwid ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border: 0; } .botwid ul li { height: 100%; line-height: 18px; clear: left; width: 215px; list-style-type: none; } .botwid ul li a:link, .botwid ul li a:visited { color: #ddd; text-decoration: none; padding: 5px 0px 5px 0px; display: block; border-bottom: 1px solid #555; } .botwid ul li a:hover { color: #fff; } .botwid p { padding: 7px 0px; margin: 0; line-height: 150%; } .botwid table { width: 100%; text-align: center; color: #787d7f; } /* --- FOOTER --- */ #footer { width: 1000px; padding: 20px 0px; margin: 0px 0px 0px 0px; color: #aaa; font-size: 11px; background:url(images/footer.png); float: left; } #footer a:link , #footer a:visited { color: #aaa; } #footer a:hover { color: #aaa; } .fcred { text-align: center; margin: 0px auto; line-height: 16px; } /* Pagenavi */ #navigation { padding:0px 0px 20px 0px; } .wp-pagenavi { font-size: 12px; text-align: center !important; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { text-decoration: none; background: #666!important; border: 1px solid #333 !important; color: #fff !important; padding: 3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } .wp-pagenavi a:hover { color: #ffffff; } .wp-pagenavi span.pages { display: none; } .wp-pagenavi span.current { text-decoration: none; background: #FFD000 !important; border: 1px solid #E8B900!important; color: #fff !important; padding: 3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } .wp-pagenavi span.extend { text-decoration: none; background: #FFD000 !important; border: 1px solid #E8B900 !important; color: #fff !important; padding: 3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } /* Tooltips */ #tooltip { position: absolute; font-family: BebasNeueRegular; border: 1px solid #ddd; font-size: 18px; background: #fff; padding: 10px 20px; color: #666; display: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; } /* page 404 */ #home-content .entry { text-align: center; } .title-404 h2 { text-align: center; font-size: 48px; font-family: BebasNeueRegular; padding: 20px 0px; } /* Banner*/ .topad{ margin:35px 20px 0px 0px; float:right; background:#fff; border:1px solid #ddd; padding:3px; }
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- Temat ‘Jak zmienić czcionkę w szablonie?’ jest zamknięty na nowe odpowiedzi.