Need help? Check out our Support site, then


Text box formatting

  1. I decided to add some "about" text to the text box labeled "The LowDown" on my blog. When I just added the text, it appeared on a white background while everything else still had a grey background. I fixed this by including the new text inside the ul coding, but that caused it to be indented. So I researched and came up with

    <p style="font-family:verdana;font-size:12px;background-color:WhiteSmoke;">
    <strong>I Want Ice Water</strong> is a semi-serious statement of the influences & experiences that have led to my personal philosophy of life. From growing up a poor, mixed-race kid in the 50s, 60s & 70s, to living as an urban hermit suffering from depression & addiction, this is a collection of my pleas for reason & rationality in this global asylum.</p>
    <ul><li><a href="http://iwanticewater.wordpress.com/2008/11/20/if-you-really-must-know/"
    ...
    ...

    But now there is that annoying white space between the new text and the unordered list that I can't figure out how to make grey. I do want the blank line, but right now it looks like two separate boxes instead of a single "About" type box.

    Any ideas?

    The blog I need help with is iwanticewater.wordpress.com.

  2. Do this instead:

    <div style="font-family:verdana;font-size:12px;background-color:WhiteSmoke;">
    <p><strong>I Want Ice Water</strong> is a semi-serious statement of the influences & experiences that have led to my personal philosophy of life. From growing up a poor, mixed-race kid in the 50s, 60s & 70s, to living as an urban hermit suffering from depression & addiction, this is a collection of my pleas for reason & rationality in this global asylum.</p>
    <ul><li><a href="http://iwanticewater.wordpress.com/2008/11/20/if-you-really-must-know/"
    ...
    ...
    </div>

    When you put the declarations in the "p" tag, it will only apply to that particular paragraph and you have to apply the same declarations to each paragraph or list. Using the "div" tag applies the declarations to everything inbetween the opening div tag and the closing tag.

  3. And actually when I tested your code, the opening angle brackets and the quote characters changed to different code which will break things. This code works better.

    <div style="font-family:verdana;font-size:12px;background-color:WhiteSmoke;"><p><strong>I Want Ice Water</strong> is a semi-serious statement of the influences & experiences that have led to my personal philosophy of life. From growing up a poor, mixed-race kid in the 50s, 60s & 70s, to living as an urban hermit suffering from depression & addiction, this is a collection of my pleas for reason & rationality in this global asylum.</p>
    <ul>
    	<li><a href="http://iwanticewater.wordpress.com/2008/11/20/if-you-really-must-know/">If you really must know</a></li>
    </ul>
    </div>
  4. That's beautiful TSP! I took out the <p> codes to eliminate the double space (?) before the list. It looks great now. At least until I get those idea thingys again... ;-)

    Thanks again.

  5. You're welcome.

  6. I hadn't realized you had added another comment when I sent mine. I'm not sure what you mean, but what I have seems to work. ???

    BTW, I wasn't able to find a list of fonts other than the choices given in the FF options box. Is there a set of fonts that I can be sure will show properly in everyone's browser? I'm also concerned about the universality of the background color I chose. I got that one from http://www.w3schools.com/htmL/html_colornames.asp

  7. The ones listed in the browsers are the only "for sure" fonts.

  8. I'm a bad one to ask on colors since I run a very high-end color corrected professional monitor. Things always look very different to me than to the large majority of people out there.

  9. Now that you mention it, I wonder at the fact that my setup is so old. The possible differences... (:-0

  10. Having this color corrected monitor is a little bit of a pain when it comes to web stuff. I end up having to disable the color correction, and then look web stuff on three different laptops in order to get a happy medium for colors. Even with this monitor NOT corrected, it is far more accurate than anything else.

  11. I have a related question to the text box widget. I'm trying to add a translator widget. i add a text widget, past the html code into the text widge box, click save, the html code disappears and the widget doesn't show up. Could you tell me why this might be happening?

  12. Make sure that the code doesn't contain javascrpt or other stuff prohibited by WP.com

Topic Closed

This topic has been closed to new replies.

About this Topic