Hello,

I'm trying to edit my Wordpress widgets via the editor in Wordpress. Here is how it looks in Google Chrome (It should work this way)...

http://www.diigo.com/item/image/sd6o/ic51

This is how it looks in Safari (It shouldn't look this way)

http://whosyourblogger.net/blog/wp-content/uploads/2011/10/Wordpress_widgets.png

Here is my code...

The first li is the email form that causes the problem. you can view this live at whosyourblogger.net/blog/healthy-blog/

<div id="primary" class="widget-area" role="complementary">


			<ul class="xoxo">

<li class="widget-container" style="background-image: none; background-color: #000000; margin: 0; padding: 5px; padding-bottom: 15px; margin-bottom: 15px; border:1px solid #222; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff;">

<h6 style="text-align: center; color: #ffffff;">3 Day Guest Blogging Course</h6>
					<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" style="text-align: center;">
<form action="http://blogspot.us2.list-manage2.com/subscribe/post?u=7efa75168ccbd8856257e312e&amp;id=77afe1741c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
	
<div class="mc-field-group">
	<input type="email" value="Email Address" name="EMAIL" class="required email" id="mce-EMAIL" style="background-color: #CCCCCC; border-radius: 5px; border: #000000; padding: 7px;">
</div>
	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style=" margin-top: 5px; background-color: #FFFFFF; padding: 3px; border-radius: 5px;"></div>
</form>
<em style="color: #CCCCCC; text-align: center; padding: 15px; font-size: 15px;">Get my free three day guest blogging success course now!</em>

</li>

<?php
	/* When we call the dynamic_sidebar() function, it'll spit out
	 * the widgets for that widget area. If it instead returns false,
	 * then the sidebar simply doesn't exist, so we'll hard-code in
	 * some default sidebar stuff just in case.
	 */
	if ( ! dynamic_sidebar( 'primary-widget-area' ) ) : ?>
	


			<li id="search" class="widget-container widget_search">
				<?php get_search_form(); ?>
			</li>

			<li id="archives" class="widget-container">
				<h3 class="widget-title"><?php _e( 'Archives', 'wpnj_distinction' ); ?></h3>
				<ul>
					<?php wp_get_archives( 'type=monthly' ); ?>
				</ul>
			</li>

No problem any more! I fixed it.

Instead of adding the email subscribe form as a regular old li under the main ul....

EX:

<ul>
<li>EMAIL SUBSCRIBE FORM (with different styles than regular li)</li>
<li>other "regular" li</li>
<li>other "regular" li</li>
<li>other "regular" li</li>
</ul>

I decided to create separate ul's because the li's had different styling...

EX:

<ul>
<li>EMAIL SUBSCRIBE FORM (with different styles than regular li)</li>
</ul>

<ul>
<li>other "regular" li</li>
<li>other "regular" li</li>
<li>other "regular" li</li>
</ul>

Surprisingly this actually worked! Thanks for all of the minds that tried to help solve my problem. Godspeed ;)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.