Container problem

Hi, I had the same problem and used this css to fix it:

.wu-forecast-wrapper, .wu-wrapper{
	float:none !important;
}

Hey there – thanks! – whereabouts did you drop that CSS?

I always include a custom style sheet with my themes for customization, but it looks like your theme has an additional style section built into the admin that places the code into the page head.

<style type="text/css" media="screen">
::-webkit-scrollbar {width: 8px; height:8px; }
	#main-nav,.cat-box-content,#sidebar .widget-container,.post-listing {border-bottom-color: #ef3636;}
	.search-block .search-button,
	#topcontrol,
	#main-nav ul li.current-menu-item a,
	#main-nav ul li.current-menu-item a:hover,
	#main-nav ul li.current-menu-parent a,
	#main-nav ul li.current-menu-parent a:hover,
	#main-nav ul li.current-page-ancestor a,
	#main-nav ul li.current-page-ancestor a:hover,
	.pagination span.current,
	.share-post span.share-text,
	.flex-control-paging li a.flex-active,
	.ei-slider-thumbs li.ei-slider-element,
	.review-percentage .review-item span span,.review-final-score ,
	.woocommerce span.onsale, .woocommerce-page span.onsale ,
	.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle  {
		background-color:#ef3636 !important;
	}
	::-webkit-scrollbar-thumb{background-color:#ef3636 !important;}
	footer#theme-footer, .top-nav, .top-nav ul li.current-menu-item:after,#main-nav ul li.mega-menu .mega-menu-block, #main-nav ul ul {border-top-color: #ef3636;}
	.search-block:after {border-right-color:#ef3636;}
	#main-nav ul > li.parent-list:hover > a:after{border-color:transparent transparent #ef3636;}

body {
 background-image : url(https://www.parkerliveonline.com/wp-content/themes/sahifa/images/patterns/body-bg7.png);background-position: top center;
}

body.single .entry, body.page .entry{
	font-size : 15px;
}
a {
	color: #000000;	}
a:hover {
	color: #ff0a1e;	text-decoration: underline;}
body.single .post .entry a, body.page .post .entry a {
	color: #ff0a1e;	}
body.single .post .entry a:hover, body.page .post .entry a:hover {
		text-decoration: underline;}

</style>

Never mind – I added it in the wunderground.css file and it worked great. Thanks again.

You probably don’t want to do that, your change will be overwritten the next time the plugin is updated. Although hopefully they will fix the problem, it is good practice to not directly modify any core or plugin code.

I’m also having this problem at https://www.glensfallschronicle.com with the widget breaking out of the sidebar container – any suggestions for how to fix? I tried inserting that code but it didn’t do the trick…

Thanks!

Hi Lilyhoop,
It looks like you’ve got the code in the right place, you just need to wrap it in <style> tags like so:

<style type="text/css" media="screen">
.wu-forecast-wrapper, .wu-wrapper{
	float:none !important;
}
</style>

Thank you so much! That fixed it, but the “Weather Underground” logo seems to be popping out of the bottom of the container. How do I correct this?

And I realize the next question is about somebody else’s plugin, but I wondered if you could offer some guidance about the container right below it, with the same issue happening to the YouTube video?

Same problem for your You Tube video and the Weather underground logo. There’s probably a more logical answer for these, but here’s a quick and dirty solution.

.wu-copyright,
.youtube_channel {
float:none;
}

Thank you, thank you, THANK you!!!

Oops – yes – thank you! Into the custom styles section it goes.

Thanks straitline!