WordPress.org

Ready to get started?Download WordPress

Forums

Unable to locate font code in CSS to resize (14 posts)

  1. AnotherAfrica
    Member
    Posted 3 years ago #

    I am using the F8 Lite template system from Graph Paper Press, http://graphpaperpress.com/ for my blog http://www.anotherafrica.net

    The default font size specified is really too small. I would like to increase this size but I am not a coder. Despite looking at many help sites, I am still unable to locate the code in the CSS file that specifies the code - especially to control the font size for the excerpts on the top/home page and the body content on the single post page.

    This is the current code

    a// specifying the styles

    body {color:#000;background:#fff;font-family:"anivers-1","anivers-2",sans-serif;}
    .container-inner {width:950px; margin:0 auto;}
    h1,h2,h3,h4,h5,h6 {color:#000;font-family:"anivers-1","anivers-2",sans-serif;}
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}
    a {color:#333333;text-decoration:none;}
    a:hover, a:focus {color:#222222;}

    b// specifications for a post.

    /********************************POSTS ************************* */
    .post {display:block;clear:both;}
    .postmetadata {color:#000;}
    .postmetadata a {color:#000;}
    .postmetadata a:hover {color:#000;}
    .underlined {border-bottom:1px solid #000;}
    h3.{margin:0 0 1em;}

    .nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
    .nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
    .nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

    .nav {background:#eee;margin:0 0 1em 0;}
    .nav:hover {background:#ccc;}
    .prev a, .next a {color:#000;text-decoration:none;padding:.2em 1em;}

    .nav-interior {margin:0;padding:0;clear:both;display:inline;}
    .nav-interior .next {color:#000;text-decoration:none;float:right;}
    .nav-interior .prev {color:#000;text-decoration:none;float:left;}

    .post p img.alignnone {float:none;}

    thank you for your kind help.

  2. Root
    Member
    Posted 3 years ago #

    Yr CSS is being imported from css/screen.css but you can override it.

    Just put body {font-size: 100%} at the end of yr css and adjust from there.

  3. AnotherAfrica
    Member
    Posted 3 years ago #

    @root thank you for the notation - i have made an adjustment based on your advise.

  4. Root
    Member
    Posted 3 years ago #

    well i hope it worked !!!!

  5. AnotherAfrica
    Member
    Posted 3 years ago #

    i got it to work - but there are some inconsistencies with the header tags throughout - i was able to get it to work like a patch but need someone more familiar with coding to go through it and tweak.

    thanks

  6. Root
    Member
    Posted 3 years ago #

    well after my patch do those too
    h1 {font-size: 1.8em}

    etc

  7. AnotherAfrica
    Member
    Posted 3 years ago #

    i tried that but gave up and resorted to just defining the paragraph in pixels, which i realize does not work in ie.

    even when i tried to define the font size in em's in the css it does not seem to control the pages, so i figured it's getting overridden in the various templates used to build each of the relevant pages

    this is what i have now in the style sheet

    h1,h2,h3,h4,h5,h6 {color:#000;font-family:"anivers-1","anivers-2",sans-serif;}
    p {font-size: 13px;}
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}

  8. Root
    Member
    Posted 3 years ago #

    well u are jumping from sizing to color and to font families.

    px is never a good way to go even though twenty ten is that way.........

    if u put the css at the bottom of style.css it cant be overwritten by anything

  9. AnotherAfrica
    Member
    Posted 3 years ago #

    had given up will will try to give it a try again

  10. AnotherAfrica
    Member
    Posted 3 years ago #

    i can really tell that i am out of my element here - thank you for trying to help me.
    i have tried to set the parameters at the end as your recommended but there are still inconsistencies - a the header for example on a single post view is larger than the body copy even though they are both set to 1em

    this is the current css code - if you have the patience to help me clean it up i would be most thankful

    */

    /************************* IMPORT BLUEPRINT *************************/
    @import url("css/screen.css");

    /************************* DEFAULT STYLES ***************************/
    body {color:#000;background:#fff;font-family:"anivers-1","anivers-2",sans-serif;}
    .container-inner {width:950px; margin:0 auto;}
    body {font-size:100%;}
    h1,h2,h3,h4,h5,h6 {color:#000;font-family:"anivers-1","anivers-2",sans-serif;}
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}
    a {color:#333333;text-decoration:none;}
    a:hover, a:focus {color:#222222;}

    /************************* RSS ************************************/
    #inside-subscribe {float:right;color:#666;}
    #inside-subscribe a {color:#666;}
    #inside-subscribe a:hover {color:#000;}
    .feed {margin-left: 3px;padding: 0 0 0 10px;background: url("images/rss.png") no-repeat 0 50%;color:#eee;}

    #inside-widgets {margin:4em 0;}
    #inside-widgets h6.widgettitle {color:#222;border-bottom:1px solid #ccc;text-transform:uppercase;padding:1em .3em .5em;}
    #inside-widgets ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
    #inside-widgets ul li a,ul.txt li{color:#222;height:1%;background:url(images/li.png) no-repeat 0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
    #inside-widgets ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #222 url(images/li-white.png) no-repeat 3px 10px;}
    #inside-widgets ul li a span,ul.txt li,h4 a span{color:#696455;}
    #inside-widgets ul li.active a{cursor:default;color:white;}
    #inside-widgets ul ul{margin:0;list-style:none;}

    /************************* MASTHEAD ************************************/
    .pusher {cursor:pointer;}
    #masthead { background: padding: 0; border-top:0px solid #000;}

    #navcontainer {padding: 0;font-family:"anivers", anivers-1, anivers-2, sans-serif;text-align: right;background-color: #000;height:40px;margin:0 0 1em;}
    #navlist {height:40px}
    #navcontainer p {padding: 7px 7px 0px;font-family:"anivers", anivers-1, anivers-2, sans-serif;font-size: 1.2em;font-weight: bold;}
    /* to stretch the container div to contain floated list */
    #navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
    #navcontainer img {margin: 0;padding: 0,0,40px,0;}
    ul#navlist {list-style: none;padding: 0;margin: 10px;background-color: #000;font-size: 1em;}
    ul#navlist li {text-align: left;float: left;height: 40px;margin: 0;background: #000;border-right:1px solid #ccc;padding: 0;}
    ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
    html>body ul#navlist li { width: 119px; }
    ul#navlist li a {display: block;padding: 7px 5px 25px 7px;color: #eee;font-size: 14px;text-decoration: none;height: 1%;height:40px;text-shadow: 0 0 0 #000;}
    #navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
    ul#navlist li#active a {background: #eee;color: #<?php echo $ss_nav_hover_color; ?>;}
    ul#navlist li a:hover,ul#navlist li#active a:hover {color: #fff;background-color: #222;}
    ul#navlist li.home {border-left: none;}
    ul#navlist li#empty {width: 120px;}

    /********************************POSTS ************************* */
    .post {display:block;clear:both;}
    .postmetadata {color:#A4A4A4;}
    .postmetadata a {color:#A4A4A4;}
    .postmetadata a:hover {color:#000;}
    .underlined {border-bottom:1px solid #000;}
    h3.{margin:0 0 .875em;}

    .nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
    .nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
    .nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

    .nav {background:#eee;margin:0 0 1em 0;}
    .nav:hover {background:#ccc;}
    .prev a, .next a {color:#000;text-decoration:none;padding:.2em 1em;}

    .nav-interior {margin:0;padding:0;clear:both;display:inline;}
    .nav-interior .next {color:#000;text-decoration:none;float:right;}
    .nav-interior .prev {color:#000;text-decoration:none;float:left;}

    .post p img.alignnone {float:none;}

    /* ************************* FOOTER *********************** */
    #footer {margin:em 0 0;background:#fff;padding:1em;}
    #footer p {text-align:center;color:#000;}
    #footer a {color:#666;}
    #footer a:hover {color:#333;}

    /* ************************ SLIDESHOW ********************************/
    #slideshow {padding:0;margin:0 0 1em;overflow:hidden;max-height:435px;}
    #slideshow .slide img {max-width:950px;text-align:center;margin:0;}

    /* **************************** FLOATS & IMAGES ***************************** */
    .right { float: right; }
    .left { float: left; }
    .middle {margin: 0 auto;float:left;}
    .clear { clear: both; }
    img.centered{display: block;margin-left: auto;margin-right: auto;}
    img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
    img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;}
    .alignleft{float: left;}
    .alignright{float: right;}
    .aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
    .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
    .wp-caption img {margin: 0;padding: 0;border: 0 none;}
    .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
    .thumbnail {width:310px;height:150px;background:#eee url('images/x.png') no-repeat center;max-width:310px;max-height:150px;overflow:hidden;}

    /***************************** ARCHIVE *****************************/
    h6.archive-header {display:block;border-bottom:#000 1px solid;margin:0 0 .5em;}
    .archive-stack {width:100%; height:1em;}

    /***************************** ETC *****************************/
    #filters {clear: both;height: 2em;margin-bottom: 1em;}
    #filters li {float: left;margin-right: 2em;}
    .prev {}
    .next {}
    /* remember to define focus styles! */
    :focus {outline: 0;}

    /***************************** SEARCH *****************************/
    #search {float: left;margin:15px 0 0;}
    #search #s {background: transparent url('images/search.gif') 0px center no-repeat;color: #666;font-size: 0.9em;margin:0 0 0 10px;padding: 2px 0 2px 17px;width: 100px;}
    #search input {border:1px solid #222;}
    #search #s:hover {color: #666;}
    .search-excerpt {margin: 0;}

    /***************** COMMENTS ********************/
    h3#comments{margin: 10px 0 0;padding: 20px 10px;background: #f5f5f5;}
    h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}
    h3#respond{margin: 10px 0 0;padding: 20px 10px;background: #f5f5f5;}
    ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}
    ol.commentlist li strong{padding-left:1em;}
    ol.commentlist li .comment-entry{margin: -35px 0 0;border-bottom: 2px solid #eee;padding: 5px 150px 0;line-height: 1.5em;}
    ol.commentlist li .avatar{border:1px solid #eee;padding:.5em;margin: .5em .5em .5em 0;}
    #commentform{margin: 0 0 7px;padding: 30px 150px 6px;border-top: 10px solid #fff;background: #eee;}

    /***************** FIX ********************
    body {font-size: 100%}
    h1 {font-size:1em;}
    h2 {font-size:1em;}
    h3 {font-size:1em;}
    h4 {font-size:1em;}
    h5 {font-size:1em;}
    h6 {font-size:1em;}
    p {font-size:1em;}

  11. Root
    Member
    Posted 3 years ago #

    there is something very wierd about that theme
    unless i am mistaken a lot of css is being loaded from another domain

  12. AnotherAfrica
    Member
    Posted 3 years ago #

    i wonder cause all i know is that it is difficult to figure out what is going on exactly and the site is super slow to load and never really understood why

  13. Root
    Member
    Posted 3 years ago #

    em means emphasis
    all yr headings should be different
    but the site is looking nicer with larger fonts already

  14. AnotherAfrica
    Member
    Posted 3 years ago #

    yes, i was just trying to see these new tags would bring consistency but they don't as the post title for example on single post page is still bigger than the body/paragraph text - by any chance do you know how to control the font size for the excerpt that appears on the top page?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags