• 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

15 reacties aan het bekijken - 1 tot 15 (van in totaal 25)
  • 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.

    Thread starter xsjlo

    (@xsjlo)

    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?

    Thread starter xsjlo

    (@xsjlo)

    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.

    Thread starter xsjlo

    (@xsjlo)

    ’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.

    Thread starter xsjlo

    (@xsjlo)

    Dank je wel.

    dit ziet er al wat beter uit..

    Thread starter xsjlo

    (@xsjlo)

    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,
    Maurice

    Thread starter xsjlo

    (@xsjlo)

    Hoi 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,
    Jan

    Ik zal morgenochtend verder kijken.

    Thread starter xsjlo

    (@xsjlo)

    Is goed, zet ik het oude even terug. vind dit niet echt mooi staan, zo aan de linkerkant.

15 reacties aan het bekijken - 1 tot 15 (van in totaal 25)
  • Het onderwerp ‘ander lettertype en maat’ is gesloten voor nieuwe reacties.