WordPress.org

Ready to get started?Download WordPress

Forums

Techozoic Fluid
need help with font size on single post entry (15 posts)

  1. celrod
    Member
    Posted 9 months ago #

    trying to adjust the font face and size on my secondary page have been through the style sheet back and forth till my eyes are starting to cross...this is the code on the about page that is affecting the font size and style

    <div class="singlepost entry">

    I cannot find that class in the themes css to copy and override to save my life...can anyone else find it for me pretty please...thanks !!

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    You can always ADD CSS - for example use one of those classes:

    .singlepost {
       font-size:...
       ...
    }

    If that does not work, please post a link to a post.

  3. celrod
    Member
    Posted 9 months ago #

    tried that, both ways

    .singlepost {
    font-size: 12px;
    font-face: Arial;
    }

    and

    .singlepost entry {
    font-size: 12px;
    font-face: Arial;
    }

    neither worked dang it !!

    here is the URL
    http://www.musicofthemarket.com/about/

  4. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Why do you have that text inside code tags?

    <div class="singlepost entry">
    <p>
    <code>
    <p>My name is

    That's what's styling the text:

    code {
        font: 1.1em 'Courier New',Courier,Fixed;
    }
  5. celrod
    Member
    Posted 9 months ago #

    I didn't put that there, that is the authors code, how can I override it?

  6. celrod
    Member
    Posted 9 months ago #

    I would never get that complicated, I prefer to write my code clean and simple.

  7. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    I don't know how this theme is set up/coded, but if it adds those, you could change the CSS for those tags.

  8. celrod
    Member
    Posted 9 months ago #

    okay, got it to change the font, but it will NOT change the size no matter what I do...I know my code is right, is there anything else in there you could see that might be controlling the size?

    right now I have this,
    code{
    font: 1.2em arial, sans-serif;
    }

    which is the same code I used to style the paragraphs on this page
    http://tradingbetweenthelines.com/

    .p1 {
    font: 1.2em arial, sans-serif;
    color: #000000;
    }

  9. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    em is a relative size - I'd guess the font size set for the body in those two sites is different.

  10. celrod
    Member
    Posted 9 months ago #

    this is what is in the themes body code

    body{
    background:#A0B3C2 url() repeat top right;
    color:#333;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    font-size:12px;
    margin:0;
    padding:0;
    line-height: 1.5em;
    }

    this is what I have for the other site

    body {
    margin:0;
    padding:0;
    border:0; /* This removes the border around the viewport in old versions of IE */
    width:100%;
    background-color:#ffffff;
    font-size:90%;

    }

  11. celrod
    Member
    Posted 9 months ago #

    BTW I want to say thank you very much for all the help you have given me !!

  12. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    You're welcome. Probably that 90% on the other site. But the easiest solution is probably just to make the em smaller on the new site - try 1.0em

  13. celrod
    Member
    Posted 9 months ago #

    this is what I have there now

    body {
    font-size: 1.0em;
    line-height: 1.0em;
    }

    code{
    font: 12px arial, sans-serif;
    }

    it's still not working (except the font face) ARGH !!!!!!!

  14. celrod
    Member
    Posted 9 months ago #

    I have even tried stating the font size in the html, still no joy !!

  15. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    It's working - try clearing your browser cache.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.