Need help? Check out our Support site, then


WordPress.com Forums » Widgets

Text box formatting

  1. izaakmak
    Member

    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. thesacredpath
    Member

    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. thesacredpath
    Member

    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. izaakmak
    Member

    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. thesacredpath
    Member

    You're welcome.

  6. izaakmak
    Member

    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. thesacredpath
    Member

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

  8. thesacredpath
    Member

    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. izaakmak
    Member

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

  10. thesacredpath
    Member

    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. bizcreditguy
    Member

    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. izaakmak
    Member

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

  13. thesacredpath
    Member

    http://support.wordpress.com/code/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags