Jump to content

Archived

This topic is now archived and is closed to further replies.

salestrakr

Full Width Slider for Pagelines Framework

Recommended Posts

salestrakr    3
salestrakr

I just upgraded my Pagelines Pro site to Pagelines Framework.  I have a Features section on my home page.  Looks OK.  I would though like a full page slider such as the one on this site:  http://www.aptidata.com. They are using Flexslider from Woo.  Would this work with Framework?  I want this to replace the Features slider.  The rest of my page will be 1000 px in width.  Just the slider on the home page needs to go side to side.

Share this post


Link to post
Share on other sites
Rob    547
Rob

We offer Wicker, a full width slider section here: http://www.pagelines.com/store/sections/wicker/

 

You may purchase it via the Store at Dashboard > PageLines Store > Sections

 

I believe this will do exactly what you're looking for.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
salestrakr    3
salestrakr

I got from the site that the Wicker slider integrated with the header in Framework.  I'd like it to replace the Features section I have in the content area below the header.  Does Wicker work this way?

Share this post


Link to post
Share on other sites
Rob    547
Rob

It's a section that should work in either the Header or the Page Templates (above or below the Content section) to be full-width. I think you can also place it in Morefoot or Footer.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jennajonesdesign+    15
jennajonesdesign

Yay! I am so excited that PageLines added this feature. Exactly what I was hoping for. 

  • Like 1

Share this post


Link to post
Share on other sites
James B    436
James B

In case it helps here's other full width sliders added too, see - http://www.pagelines.com/store/sections/split-slider/ and http://www.pagelines.com/store/sections/beefy/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
chromer_fishing    1
chromer_fishing

I am using Metaslider but cannot seem to get it to full width.

 

In my Pagelines settings I have...

 

Full-Width Design with Canvas

 

Global setting are page width 1056, with the main column being 756.

 

I have built my Metaslider slides to be 1000 x 500 but when I go to put them in to the content area they only show up as 756 wide.

 

I'm sure it is something simple, who can help me, thanks!

 

Website is www.chromersportfishing.com.  

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

If you want to make your Slider full width in PageLines Framework you will need to use custom CSS and change the width of the content class for that section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Jared Smith
      By Jared Smith+
      I'm trying to make a visible border around the entirety of a client's site.  Example on some other site here:
      http://www.makeyourvisionreal.com/movement

      So it is around the Title, Menu, and Content Area.  I'm having a bit of difficulty with this on pagelines, using the Framework theme. It's slightly more complex because the site has a "landing page" that doesn't need the border. Much like this homepage
      http://www.makeyourvisionreal.com/
       
      Right now I'm using a content width of 80%, and fullscreen.  But maybe thats not the best way to do it.  
       
      So, with the #site id, I can hit the whole area on most of the site, but I'm not sure how I can remove it for just one page.
      #site { border:1px solid #ccc; margin: 100px 5% 5% 50px; } anyone have any suggestions?  Maybe I need to go make a child template, not sure?  Thanks!
    • Perry
      By Perry+
      Hello There, 
      I am working with Platform 5 and have run into an unnerving problem. I am trying to position my clients picture along the bottom of the container, so that it sits right on the bottom. After a good hour of googling and messing with the CSS I figured I would ask the question here. Below is my screenshot displaying my problem. I will need to do this frequently in the future. 
      My Problem Image
      Unlike in DMS, when I add a margin to an embed or image box it simply makes the container larger while keeping the padding, I cannot have any padding or any space whatsoever on the bottom of my clients image.  Is there a way to remove all padding from the container so I can have this work across screen sizes? If not is there anyway to position an element directly at the bottom of another element in Platform 5? This seems like a basic feature and was easily attainable within DMS. 
      I cannot create an image combining all these elements as it will not scale well on mobile and will make my clients logo unreadable and her face incredibly small. 
       
      Thank you for any help,
      Perry
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
    • FRevi
      By FRevi+
      I am trying to achieve a gallery (Envira Gallery plugin) that spans the full width of a page, within Platform 5 theme. Can't figure it out.
      The page should look roughly like this: www.frankrevi.photography/envira/favorites-2 (maybe minus the title, that's another story). This is a standalone gallery page and not part of my site. Nothing links to it.
      But instead it is this on the real page: www.frankrevi.photography/favorites.
      Currently I have the gallery in a Pagelines Framework Content section. My framework content wrap is set to unwrapped full width. I'm using all 12 columns. In Pagelines Settings, my Layout/Nav Content Width is set to 100%.
      How can I get the gallery on the real page URL to be the full page width please?
×