ander lettertype en maat
-
Hallo allemaal
Ik wil graag het lettertype van mijn posts veranderen incalibri 12 , ik weet niet waar moet doen.
iemand die me dit kan uitleggen??Alvast bedankt
-
zoek in uw style css hiernaar:
———————————————– */
body, input, textarea {
Hierna ziet u benoemd staan de kleur van je letters, de grootte van de letters en het lettertype. In mijn geval ziet het er zo uit:
———————————————– */
body, input, textarea {
color: #373737;
font: 15px “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.625;In plaats van “helvetica Neue” moet bij u dan dus Comic calibri komen te staan.
Hoi NomenNesco,
Ik kan dat niet vinden in mijn style.css
hieronder staat de style.cc
/* Theme Name: Startup Theme URI: https://startupwp.com/startup-wordpress-theme/ Author: StartupWP Author URI: https://startupwp.com/ Description: Startup™ is a WordPress theme for anyone looking to build their first personal website/blog or startup business with ease AND power, backed by professional support. This theme is HTML5/CSS3, responsive and includes features such as a custom logo, background, colors, social profile icons, Twitter feed, a configurable slider option and more. Find the official support forum at startupwp.com/forum. Version: 2.0.1 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Tags: black, blue, gray, silver, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support Text Domain: startup Startup/StartupWP WordPress Theme © 2011-2014 StartupWP Startup/StartupWP is distributed under the terms of the GNU GPL */ 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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} th, td{padding:2px}big{font-size:125%}small, sup, sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd, tt{font-family:courier;font-size:80%}ins{text-decoration:underline}del, strike, s{text-decoration:line-through} body{font-family:georgia,'times new roman',times,serif;color:#333;margin:3% 0 4%;background:#ddd} p{margin:20px 0} .entry-content p{font-size:16px;line-height:22px} .entry-content p:first-of-type{margin-top:0} .entry-content p:last-of-type, .entry-content:last-child{margin-bottom:0} #content, .widget-container{font-size:87.5%} a, h2{color:#09f;text-decoration:none} a:hover{text-decoration:underline} h1, h2, h3, h4, h5, h6{font-family:'Open Sans',helvetica,arial,sans-serif;font-weight:normal;margin-top:20px;margin-bottom:5px;clear:both} h1{font-size:175%;color:#666} h2{font-size:155%;color:#09f;line-height:30px} h3{font-size:135%;color:#888} h4{font-size:125%} h5{font-size:115%} h6{font-size:105%} strong, dt{font-weight:bold} em, address, cite, var{font-style:italic} code{font-family:'courier new',courier,serif;color:#777} pre{overflow-x:auto;white-space:pre-wrap} hr{height:1px;color:#ccc;border:0 none;margin:30px 0;background-color:#ccc} .entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol{font-family:helvetica,arial,sans-serif;margin-top:10px;margin-left:20px !important;margin-bottom:10px} .entry-content li:before, .comment-content li:before{content:"- "} ol li:before{content:"" !important} #container ol, .comment-content ol{list-style:decimal inside} #sidebar .widget-container ul{display:block;margin-left:10px} blockquote{padding:15px;border:4px solid #ddd;margin:10px 2%;background:#f6f6f6} input, textarea{font-family:arial,sans-serif;font-size:70%;color:#666;padding:5px;border:1px solid #004a80;outline:none;background:#f6f6f6} #container input, #container textarea{font-size:90%;border:1px solid #ccc} input[type="submit"], input[type="reset"]{cursor:pointer} #content input[type="submit"], #content input[type="reset"], #container #searchsubmit, .button{font-size:100% !important;color:#fff;text-shadow:0 1px 0 #555;padding:8px 10px;border:1px solid #0b81d0;border-radius:0;box-shadow:0 1px #4cb6fd inset;background-color:#09f;background:linear-gradient(to top, #40b3ff, #09f);opacity:0.9} #content input[type="submit"]:hover, #content input[type="reset"]:hover, #container #searchsubmit:hover, .button:hover{opacity:1} .clear{clear:both} a img, input[type="image"]{border:0 none} img, video, select{max-width:100% !important;height:auto} #container, #breadcrumbs, #twitter-feed{box-shadow:0 0 4px #aaa} #wrapper{min-width:320px;max-width:1000px;margin:0 auto} #header{padding-bottom:20px;clear:both} #branding{margin-bottom:10px;float:left} #logo{width:100%} #container{padding-bottom:20px;background:#fff;} #content{width:64%;padding:0 2%;float:left} .page-template-templatestemplate-sidebar-left-php #content, .page-template-templatestemplate-sidebar-left-left-php #content{float:right} .page-template-templatestemplate-sidebar-none-php #content, .page-template-templatestemplate-login-php #content{width:96%} .page-template-templatestemplate-sidebar-left-right-php #content, .page-template-templatestemplate-sidebar-left-left-php #content, .page-template-templatestemplate-sidebar-right-right-php #content{padding:0} #sidebar{width:30%;margin-right:2%;float:right} .page-template-templatestemplate-sidebar-left-php #sidebar{margin-right:0;margin-left:2%;float:left} .page-template-templatestemplate-sidebar-left-right-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-left-right-php #rsidebar-sidebar, .page-template-templatestemplate-sidebar-left-left-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-left-left-php #rsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #rsidebar-sidebar{width:14%;margin:0 2%} .page-template-templatestemplate-sidebar-left-right-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-left-left-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-left-left-php #rsidebar-sidebar{float:left} .page-template-templatestemplate-sidebar-left-right-php #rsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #lsidebar-sidebar, .page-template-templatestemplate-sidebar-right-right-php #rsidebar-sidebar{float:right} .page-template-templatestemplate-sidebar-left-left-php #content, .page-template-templatestemplate-sidebar-left-left-php #rsidebar-sidebar{margin:0 2% 0 0} .page-template-templatestemplate-sidebar-right-right-php #content, .page-template-templatestemplate-sidebar-right-right-php #lsidebar-sidebar{margin:0 0 0 2%} #footer{clear:both} #social{float:right} #social a img{width:32px;height:32px;margin:0 0 10px 10px;opacity:0.7;float:right} #social a img:hover{opacity:1} #menu{position:relative;border-radius:0;margin-top:10px;background-color:#333;background-image:url(images/nav-bg.png);background-repeat:repeat-x;clear:both} #menu ul.menu{padding-left:4px} #menu .parent > a, #menu .parent > a:hover{background-image:url(images/arrow.png);background-position:right;background-repeat:no-repeat} #menu ul ul .parent > a, #menu ul ul .parent:hover > a:hover, #menu ul ul li:hover ul .parent > a, #menu ul ul li:hover ul .parent > a:hover{background-image:url(images/arrow-right.png);background-position:right;background-repeat:no-repeat} #menu ul, #menu ul li{display:inline} #menu ul li a{display:inline-block;font-family:'lucida grande',helvetica,arial,verdana,sans-serif;font-size:14px;color:#fff;line-height:37px;text-decoration:none;text-shadow:1px 1px 1px #333;padding:0 15px;border-right:1px solid #555} #menu ul.menu li a{margin-left:-4px} #menu ul li a:hover{color:#fff;text-decoration:none;box-shadow:0 0 5px #000 inset;background:#444} #menu .current-menu-item a, #menu .current_page_item a{color:#ccc;text-shadow:none} #menu .current-menu-item .sub-menu a, #menu .current_page_item .children a{color:#fff;text-shadow:1px 1px 1px #333} #menu ul > li:first-child a:hover{border-radius:0} #menu .sub-menu li a, #menu .children li a{border-radius:0 !important} #menu li .sub-menu{margin-left:-4px} #menu ul li{position:relative} #menu li ul{display:none;position:absolute;top:29px;left:0} #menu li ul a{background:#666} #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{left:0;margin:-34px 0 11px 179px} #menu ul li:hover ul{display:inline-block} #menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul{display:none} #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{display:block;z-index:2147483647} #menu ul li:hover ul li a, #menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{font-size:13px;line-height:30px;width:150px;padding:0 14px;border:1px solid #444;margin:-1px 0 0;opacity:0.9} #menu ul li:hover ul li a{} #menu ul ul li:hover ul li a{} #menu ul ul ul li:hover ul li a{} #menu ul li:hover ul li a:hover, #menu ul ul li:hover ul li a:hover,#menu ul ul ul li:hover ul li a:hover{background:#555;opacity:1;box-shadow:none} #breadcrumbs{color:#666;padding:10px 10px 8px;margin-bottom:20px;background:#fff} #breadcrumbs ul, #breadcrumbs li{display:inline} .slider-wrapper{min-height:200px;padding:0 !important;margin-bottom:40px} .slider-wrapper #wpns_slider{width:100%;height:auto} .slider-wrapper, .nivoSlider img{max-width:100% !important;max-height:200px !important} #twitter-feed{padding:10px 20px;border:1px solid #fff;margin-bottom:20px;background:#eee} #twitter-feed .twitter-timeline{width:100% !important} #share{margin:2% 0 1.5%} #share .fb-like{float:left} #share .twitter-share-button{margin-left:30px;float:left} #share .g-plusone{float:left} #header a{outline:none} #content, #sidebar{color:#333;line-height:140%} .entry-content{text-align:justify;margin:20px 0} .entry-meta, .entry-footer, .comment-meta, #copyright{font-size:90%} #site-title a, #site-title h1 a, #site-title h1{font-family:helvetica,arial,sans-serif;font-size:40px;font-weight:bold;color:#666;text-shadow:0 1px 0 #fff;padding:0;margin:0} #site-title a:hover, #site-title h1 a:hover{text-decoration:none} #site-description{font-size:112.50%;color:#777} h4, h5, h6, .entry-meta, .entry-footer, .comment-meta, #form-allowed-tags code{color:#aaa} #sidebar ul{display:inline;padding:0;margin:0} .widget-title{font-size:125%;padding-bottom:1px;border-bottom:1px solid #ccc;margin-bottom:5px} #respond h3{clear:left} #footer a{color:#666;text-shadow:0 1px 0 #fff} #copyright{color:#777;text-align:center;text-shadow:0 1px 0 #fff;padding:2%} #menu #searchform{margin:7px 7px 0 0;float:right} #sidebar #searchform{padding:20px 0 30px 0;float:none} #wrapper #s{width:229px;height:16px;border-right:0;float:left} #wrapper #menu #s{width:200px;height:13px;color:#888;border:none;border-radius:0;box-shadow:1px 1px 1px #000 inset;background:url(images/find.png) no-repeat scroll right center #888} #s:focus{background:#fff} #wrapper #menu #s:focus{color:#eee;background:#999} #searchsubmit{width:60px;height:28px;float:right} #menu #searchsubmit{display:none} #container #searchsubmit{padding:0;border-radius:0} .error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left} .post{padding-bottom:30px;border-bottom:1px solid #ccc;margin-bottom:30px} .entry-title{margin-bottom:15px} .single .entry-title{text-align:left;line-height:30px;margin-top:12px;margin-bottom:10px} .entry-title a{font-size:25px} .nav-previous{text-align:left;float:left} .nav-next{text-align:right;float:right} .attachment .nav-previous{float:left} .attachment .nav-next{float:right} .comments ul{padding:0;margin:0} .comments ul ul, .comments ul ol{margin:10px} .comment, .trackback, .pingback{padding:10px;margin:10px 0 10px 0} .odd{background:#f6f6f6} #form-allowed-tags code{font-size:12px} #respond input{width:40%;display:block} #respond input:focus, #respond textarea:focus{background:#fff} #respond textarea{width:98.125%;height:100px;overflow:auto} #respond #submit{width:auto;font-weight:bold} .avatar{width:32px;height:32px;margin:0 5px 5px 0;float:left} .sticky{padding:0.01px 15px 15px 15px;margin-top:20px;background:#f6f6f6} .sticky .entry-title{padding-top:20px;margin-top:0} .bypostauthor{background:#f6f6f6} .wp-caption{max-width:640px;margin:20px 0} .wp-caption-text{} .alignleft, .aligncenter, .alignright{text-align:center} .gallery-caption{border:#ccc 1px solid} .alignleft{margin:15px 15px 15px 0;float:left} .alignright{margin:15px 0 15px 15px;float:right} .aligncenter{display:block;margin:15px auto;clear:both} .size-thumbnail{margin:5px} #wp-calendar{width:100%} #wp-calendar td{text-align:center} #wp-calendar #prev{text-align:left} #wp-calendar #next{text-align:right} .entry-links, .entry-footer, .post-edit-link{display:block;clear:both;margin-top:20px} @media all and (max-width:1000px){.slider-wrapper{min-height:0}#sidebar #s{width:96%;border-right:1px solid #ccc}#sidebar #searchsubmit{display:none}} @media all and (max-width:768px){} @media all and (max-width:480px){#content, #sidebar, #lsidebar-sidebar, #rsidebar-sidebar{width:96%;padding:0 2% !important;margin:0 !important}} @media all and (max-width:320px){#header, #menu #s, #content, #sidebar, #footer{width:310px;max-width:310px;text-align:left;margin-left:auto;margin-right:auto}#menu ul.menu{padding-left:0}#menu .sub-menu, #menu .children{display:none !important}#menu ul li a, #menu ul li a:hover{width:279px;max-width:279px;border:0;border-radius:0 !important;margin-left:0 !important}#menu #s{width:286px !important;margin-bottom:5px}.entry-content{text-align:left}} .screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} .home #breadcrumbs, #comment-notes, .form-allowed-tags, .twtr-ft{display:none}
Een tip die ik hier op dit forum vond:
(wellicht is deze info al bekend, en nog wellichter: anderen kunnen het wellicht beter uitleggen)ga met uw cursor op de tekst staan en klik dan met uw rechtermuis en selecteer “element inspecteren”. Onderaan opent zich dan een hele nieuwe wereld. In de rechterkolom ziet u alles staan wat in het stylesheet is opgenomen. Als u even zoekt zult u daar ook “body, input, textarea” zien staan. Het mooie is nu dat u hier alles kunt wijzigen zonder dat dat gevolgen heeft voor de inhoud van uw bestanden. U kunt bijvoorbeeld achter “color” klikken op het zwarte vlakje en dan een andere kleur kiezen, u kunt ook achter “font” klikken op “15” en bekijken wat er gebeurt als u een grotere letter kiest. En u kunt dus bekijken wat er met de site gebeurt als u een ander lettertype kiest.
mijn fout: ik denk altijd dat iedereen hetzelfde theme heeft als ik…
wellicht dat u uw siteadres kunt vermelden?
body{font-family:georgia,’times new roman’,times,serif;color:#333
in de 19e regel. Daar kunt u het lettertype aanpassen. Ik weet alleen niet of uw lettertype voor iedereen zichtbaar is.
’times new roman’pas ik dan aan naar mijn lettertype?
hoe zit het bijvorbeeld met de groote van de letters?
U heeft het nu aangepast maar omdat achter zin een break < br > is opgenomen, worden regels afgebroken.
.entry-content p{font-size:16px;line-height:22px}
16px is de lettergrootte die u kunt aanpassen.
Dank je wel.
dit ziet er al wat beter uit..
De letters zijn percfect zo dank u wel.
Alleen wil ik nog weten hoe je net als aan de rechter kant ruimte hebt links.
Met dat uitlijnen wat erin zit werkt het niet goed.
dit dus:
HET IS EEN POLITIEKE KEUZE
van de raad om ons uit onze chalets te zetten.
Dit is een beslissing die is genomen in de vergadering van februari 2008 en nu,in 2014,dus 6 jaar later gaat de gemeente Koggenland over tot het ontruimen van alle chalets op de camping.en ik wil het graag:
HET IS EEN POLITIEKE KEUZE
van de raad om ons uit onze chalets te zetten.
Dit is een beslissing die is genomen in de vergadering van
februari 2008 en nu,in 2014,dus 6 jaar later gaat de gemeente
Koggenland over tot het ontruimen van alle chalets op de
camping.
Zodat er links en rechts een ruimte zit.Heeft u de indeling zodanig ingesteld dat er sprake is van twee kolommen?
zoek anders deze regel op in u stylesheet:
#content{width:64%;padding:0 2%;float:left}maak hiervan:
#content{width:60%;padding:40 24%;float:left}met width bepaalt u de breedte van de kolom
padding: 40 hiermee laat u de tekst iets zakken zodat boven “index” wat meer witte ruimte komt (vind ik zelf wat mooier. 🙂
met 24% bepaalt u de witruimte aan de zijkanten van de tekst.Waar de zin in de tekst afbreekt en een nieuwe regel begint bepaalt u zelf door het plaatsen van de < /br > in de tekst.
Tenslotte, en niet geheel uw vraag maar een algemene opmerking. De tekst wordt een stuk leesbaarder als u de opmaak van de tekst controleert. Bijvoorbeeld een spatie na een komma, een hoofdletter na een punt. Soms schrijft u Gemeente obdam, soms Gemeente Obdam terwijl het volgens mij gemeente Obdam is. Soms schrijft u Wethouder dan wethouder.
Maar nogmaals: ik ben geen wordpress-goeroe en geen neerlandicus, dus wellicht zijn ook andere, betere oplossingen mogelijk.
Groeten,
MauriceHoi Maurice,
Bedankt, ik had er al een paar fouten uitgehaald.
ik krijg het aangeleverd en dacht is helemaal goed.. Nee dus.
als ik die code erin zet word alles grijs en staat links helemaal vast aan de rand.
Daar wil ik dus wel wat ruimte hebben, zodat het eigenlijk in het midden staat.
De indeling staat op 1 kolom.Groeten,
JanIk zal morgenochtend verder kijken.
Is goed, zet ik het oude even terug. vind dit niet echt mooi staan, zo aan de linkerkant.
- Het onderwerp ‘ander lettertype en maat’ is gesloten voor nieuwe reacties.