Member Avatar for Joe34

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>
  • 1 Contributor
  • 1 Reply
  • 114 Views
  • 12 Hours Discussion Span
  • Latest Post Latest Post by Joe34
Member Avatar for Joe34

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.