Full Width for Genesis Responsive Slider in Outreach Pro theme

[anicca]

Dear all, Would you please let me know how do I set full width for the Genesis Responsive Slider in the Home Top widget of this theme? I tried to change the slider size and image size, but there remains the background on the two sides of the slider as shown in the demo version.

http://my.studiopress.com/themes/outreach/#demo-full

Thank you very much.

http://local

[Doug]

I would like to know also.

[bhaynet1]

Yes - please share the answer - I need this too.

Thanks!

[Genesis Developer]

I think that it is very easy. You 'll setup the slider width and height (like 1900px X 450px whatever you want) in Slider's settings page.

Next add the following css in your style.css file

.home .site-inner .wrap{
  width: 100%;
  max-width: 100%;
}

I did not test it. But you can try and please let me know if it is working for you.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[bhaynet1]

Hi -

Thank you for responding - I added your code to the CSS - however it unfortunately didn't work.

Here's a link:

http://www.hiddenpondtreefarm.com/HP_NEW_SITE/

The image is 1850 x 498 (which I desire) - I have the Genesis Slider setting set to that width and height too.

However it did pull in the image - but it is now "shrunk" to fit the 1140 container i think?

What should I change please?

Thank yo.

PS _ I just ran Regenerate Thumbnails but alas - this also didn't work

[Genesis Developer]

I am not getting my CSS. Are you using cache plugin? Please flush the cache. it'll work

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Genesis Developer]

@bhaynet1 I checked your css file. There have some issue. closing bracket is not there. Please use my code

@media only screen and (max-width: 480px) {

	.content {
		padding: 30px;
	}
	
	.content #genesis-responsive-slider .flex-control-nav {
		display: none;
	}

	.home-bottom .widget:nth-of-type(2n),
	.home-bottom .widget {
		margin: 0;
		width: 100%;
	}
	
	.header-image .site-title a {
		background-size: contain !important;
	}
}
.outreach-pro-home #genesis-responsive-slider {
	max-width: 100%;
}

.outreach-pro-home .flexslider {
	max-width: 100%; 
}

.outrach-pro-home .flexslider .slides img {
	width: 100%; 
}

.outreach-pro-home .flexslider .slide-image {
	max-height: 100%;
}

.home .site-inner .wrap{
  width: 100%;
  max-width: 100%;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[bhaynet1]

Thanks so much - it did work!

But now there's a bit of white space on the right side - how do I get rid of that please?

[Genesis Developer]

i am not getting white spaces. I am checking on 15 Inch laptop.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[bhaynet1]

AHa - it's ok on my 15 in laptop too -

but there's a 1/2 white space on my 21 in iMac: - here's a shot:

So should the image be either centered or enlarged?

Thank you.

[Genesis Developer]

then upload 2200px image.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[bhaynet1]

Thank you so much!

[Doug]

bhaynet1 - what's the countdown plugin called? I need something like that for my site (need it to display along the top like yours).

[anicca]

Thank you all guys, esp genwrock - your simple CSS trick works perfectly for my case.

[Genesis Developer]

@anicca Thank you. Glad that my code is working for you.

@cabrzama Try DW PROMOBAR plugin

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[bhaynet1]

Hi cabrzama -

Yes - the plugin at the top of the page is: DW Promobar.

It's free in the WP plugins directory. You can change colors, fonts & even lets you add that nifty countdown timer - which can automatically disappear when the date has been reached.

And a BIG THANK YOU to genwrock for his kind assistance!!!

[anicca]

Sorry that I have to open this topic again.

Is there any trick to put the slideshow in the center of the website? My client has the habit of zoom out her browser to 50%, which make the overal web layout become tiny, and the slideshow is often on the left side. We can't always have the mega big photo to fit her demand. I tried with 2560px but still cannot cover her screen. Possibly, the best way is to put the slideshow full-width but in the centre.

Please kindly help. Thank you very much.

[Tim Squires]

Thanks very much — this is an old thread but has solved my problem perfectly.

---

timsquires.com.au

[Author]

Posts