Need help? Check out our Support site, then


html-changed font overrides text wrap?

  1. michellewriting
    Member

    How do I reinstate line wrapping in Bueno theme after changing font with html? I successfully changed a page's text to Helvetica, but then each line of text runs clear out of sight unless there was already a hard return. I appreciate any help.
    Blog url: http://brazenwelcome.wordpress.com/

  2. michellewriting
    Member

    I'm using the free Bueno theme, no upgrades. I think I may have overridden some basic theme code when I changed fonts using html because now text doesn't wrap at the end of the page's text area. The trouble page is http://brazenwelcome.com/about/ Please tell me if you have trouble accessing it. Any thoughts are most appreciated!

  3. You blog visibility is private and that means we Volunteers cannot view the blog and help you with it. You can either make the blog public (option 2 blocks search engines) or you can post the entire code you used between backticks in this forum thread so it will display here.

    The backtick ` not to be confused with the single quote mark ' is located to the left of the number 1 key in lower case under the tilde ~ on your keyboard.

    backtick
    code
    backtick

  4. michellewriting
    Member

    Thank you; here it is:

    <pre><span style="font-family: helvetica; font-size: large;">Thanks for stopping by! I'm Michelle, creator of xxxxxxxxxxxxxxxxxx.
    I'm convinced the shortest to xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxx xx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxividuality.
    Think For Yourself is not a xxxxxxxxx xxxxxxxxxxxx xxxxxxxxx xxxxx xxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx some of my own.
    Humans are xxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx too much air time.
    Those xxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxx xxxxxxx xxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx told me.
    Explore Think For Yourself and tell me what you think. Share your stories. Successful xxxxxxx xx xxxxxxxxxxxxxx.
    about the author
    I'm a xxxxxxxxxxx xxxxxxxxxxx xxxxxxx xxxxxxxxxxxx xxxxxxxxxxxxxx xxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxky.
    I tend xxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx aloud.
    When I’m not xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxx xxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxgreen.</span></pre>
    <div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffbf; border-style: initial; border-color: initial; color: #000000; font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; height: auto; line-height: normal; text-align: left; width: auto; direction: ltr; z-index: 99995; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px; margin: 0px;"></div>
  5. michellewriting
    Member

    Awesome--thank you, timethief. Now how did I mess up that wrap?

  6. By enclosing it in pre tags.
    In addition:
    a) The span tags are used for characters, words or phrases inside a paragraph. For a complete paragraph you use p tags.
    b) You get more minute control of font size if you specify a percentage instead of generic terms.
    So, in all, the coding hould be:

    <p style="font-family:helvetica;font-size:120%;">
    TEXT HERE
    </p>

    (Change the precentage to adjust the size.)

    PS The above is the right coding for the text as it is now (line breaks but no paragraph breaks). If you add paragraph breaks, it should be like that:

    <div style="font-family:helvetica;font-size:120%;">
    
    TEXT HERE
    </div>
  7. michellewriting
    Member

    Thank you, thank you justpi. It worked. I've been picking up bits and pieces of html over the years, but it's much more fun when I know what I'm doing.

  8. You're welcome.
    If you wish, you can visit the blog linked to my username and study my introduction to HTML and my posts on formatting etc.

Topic Closed

This topic has been closed to new replies.

About this Topic