Community Forums › Forums › Archived Forums › Design Tips and Tricks › Full page width Genesis – Responsive Slider in Lifestyle Pro
- This topic has 24 replies, 3 voices, and was last updated 10 years, 5 months ago by Steve@316 Design.
-
AuthorPosts
-
October 16, 2013 at 4:04 pm #67081Steve@316 DesignMember
How do a make the Genesis - Responsive Slider full width in the Lifestyle Pro theme?
Thank You, Steve
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™October 16, 2013 at 9:06 pm #67102Brad DaltonParticipantThis is a better way to do it in my opinion as the slider is hooked in directly rather than using a widget http://wpsites.net/best-plugins/installing-full-width-responsive-slider/
October 24, 2013 at 7:34 pm #68744Steve@316 DesignMemberThanks braddalton and I'm looking into that plug-in. But I'm already familiar with the Genesis Slider, how it works, etc. Can you help with my original question?
How do a make the Genesis – Responsive Slider full width in the Lifestyle Pro theme as a widget?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™October 25, 2013 at 7:23 am #68821Brad DaltonParticipantHello Steven
In which hook position and on what pages?
Always happy to help however i would need to know the specifics to supply the answer that's works the best
October 25, 2013 at 8:15 am #68828Brad DaltonParticipantPlease copy the code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++.
https://gist.github.com/braddalton/d91eca17b88087d6d383
October 25, 2013 at 3:03 pm #68926Steve@316 DesignMemberSorry about the delay in response.
I would like to have in Home - Top. Or just create another widget area.
But I do recall in the previous version of Lifestyle, I had to add some code somewhere else in the functions file.
Does this help?Steve
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™October 25, 2013 at 3:06 pm #68927Steve@316 DesignMemberDon't I also have to add some code elsewhere in order to see the widget area in the dashboard?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™October 25, 2013 at 3:35 pm #68936Steve@316 DesignMemberI added the code you supplied to another site (same theme, etc.), see the widget area in the dashboard, added the Genesis – Responsive Slider to that widget area, changed the slider settings to the correct dimensions, but it isn't showing on the home page. http://stevenlatinofishing.com/
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 5, 2013 at 8:48 pm #71177Steve@316 DesignMember@braddalton I went with the standard slider position on the Stevenlatino site. But know I'm working on another that I'd really like to use a full-width slider.
I've added the code you supplied to another site (same theme, etc.), see the widget area in the dashboard, added the Genesis – Responsive Slider to that widget area, changed the slider settings to the correct dimensions, but it isn’t showing on the home page.
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 5, 2013 at 10:58 pm #71203coralseaitMemberDo you see the markup for
<div class="full-width" class="widget-area">
in your source?If not, you may need to tweak your conditional checks, as it is a sign the test fails and doesn't actually output the widget. Perhaps is_home() instead of is_front_page()
If you do see the markup something else is wrong with the slider itself. You've probably checked, but just make sure you are telling the slider to actually display something.
I can second Brad's advice of using Soliloquy though, it is a fantastic plugin. I'm actually using it for a full width / size landing slider and it is fast as could be.
November 6, 2013 at 6:45 am #71229Brad DaltonParticipantI would recommend Soliloquy and hook it in directly as it loads faster that way.
November 6, 2013 at 10:47 am #71266Steve@316 DesignMember@braddalton I looked into that just a little and it looks like a great plugin. But I dont know how to "hook it in directly". Also, can it be configured to automatically use the Featured image or will I have to copy and paste code like I used for the Dynamic Content Gallery?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 6, 2013 at 11:04 am #71272Steve@316 DesignMemberAlso, in most cases, I'm using the slider to display images associated to a post.
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 6, 2013 at 12:38 pm #71288Steve@316 DesignMemberI've checked & double checked, I've copied & pasted the code as suggested.
@coralseait I've checked and the code is in the markup.
But still not displaying full-width.
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 6, 2013 at 1:54 pm #71303coralseaitMemberAre your images big enough for full width and do you have CSS appropriate for full width (ie the class and / or container / structural wrap are set width 100%) ?
November 6, 2013 at 2:39 pm #71308Steve@316 DesignMemberBecause the site is under dev, I had a coming soon plugin activated. I deactivated so you could take a look.
http://californiatournamenttrail.com/
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 6, 2013 at 3:08 pm #71310coralseaitMemberYou'll need to set the appropriate widths / modify your CSS for
.site-container
and/or.content
because the slider is contained within them and they are 1140px and 800px respective.But ... that will impact your sidebar, so keep that in mind. It will push it down to below your posts, I suspect.
It would probably be better for you to use Brad's link and set soliloquy outside the structural wraps. You'll have less modifications ahead.
You can use the Genesis Hooks Plugin or modify functions.php per Brad's instructions. Carrie Dils has a good primer to get you started on moving things outside the wraps.
http://www.carriedils.com/move-header-footer-genesis/948/
November 6, 2013 at 3:46 pm #71319Steve@316 DesignMemberA quick glance at the "lite/free" version of soliloquy, I didn't see a way to automatically pull the image to be displayed. For myself and my clients, things have to be very easy for them. With the Genesis slider, all the have to to do select a featured image and its done. Even the DCG could be used full width without too much difficulty. http://zakelritefishing.com/
It seems now with all the latest updates, even just slightly customizing the themes (full width slider) is getting more complicated, less user friendly for non-coders like myself. Maybe not, just better coding,.. I don't have any idea what structural wraps are,.. Honestly wouldn't mind learning a better way to do something (soliloquy),.. Just wasn't planing on learning all of the coding part.
@coralseait Are you available to help with this?Thx, Steve
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™November 6, 2013 at 3:51 pm #71320coralseaitMemberBe happy to help you; you are almost there anyway so just a bit more learning and you'll have it nailed. You can reach me via my website email if you want to take it offline.
The structural wraps in Genesis, you can think of as walls / containers holding everything nicely in their place so they don't spill out everywhere. Because of this the responsive slider won't expand past them - if you make them wider the slider can be wider too.
Soliloquy is really drag and drop and developer version for unlimited sites gets you everything and is a great investment.
November 6, 2013 at 6:00 pm #71336Brad DaltonParticipantIn your case then i think the Genesis Slider is better because its designed to pull in the featured image from blog posts and does a good job at that. I don't think Soliloquy does that but may be wrong. You will need to create a widget area for it.
I'll leave you in the hands of @coralseait.
-
AuthorPosts
- The topic ‘Full page width Genesis – Responsive Slider in Lifestyle Pro’ is closed to new replies.