Jump to content
miketaylorphoto

Full Width Responsive Slider Not Working

Recommended Posts

miketaylorphoto    2
miketaylorphoto

Hi, I purchased this slider http://www.lambertgr...?type=FullWidth and it is not behaving as it should. My layout is on a responsive width set on max.Had the plugin developer have a look and he is asking me "Please check if your theme has some definitions for img. I could not find the theme main .css file" . Not sure what to do. Just started with pagelines dev edition couple days ago.

Thanks any help would be appreciated.

http://canyonclubhotel.com/wordpress1/

Share this post


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

Hi there, yes we will have css tied to the img tag at various points throughout the site. As we're 100% Less now there's no static css file. The css for each section is split and divided amongst each item and then compiled when the site loads. You can view the files separately one by one or view the compiled css by viewing the source code through your browser when viewing online.


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
miketaylorphoto    2
miketaylorphoto

Thanks James. Just looking for the custom css to allow the slider to fill 100% of the viewport.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

You can figure out the CSS selector by using Firebug for Firefox or Chrome's Inspection tools. More info here.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

I other words figure it out myself?

Share this post


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

Hi there, from what I can see there's additional padding around a number of areas which the slider is nestled inside. If you remove that using css it will effect the entire site layout. Plus you'd probably then have to apply css to the slider container and each slide to get that to enlarge to fill the new frame. It's going to be tricky to do with css alone, and I doubt would act responsively afterwards.

However, Nick has released a bunch of new sections/plugins today and one of them is a full width responsive slider. I've posted a link below, check it out and see if it could work for your project.

http://www.pagelines.com/store/sections/wicker/


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
miketaylorphoto    2
miketaylorphoto

If you have a look at the slider plugin in the link at the beginning of this topic I am trying to make work has a ken burns effect. The slider you recommend does.

Would I not be able to add a content box in the active section and apply a class in the Content Box Class

Applies this class to the content box for individual styling in the pagelines meta settings that would allow the slider to span the entire viewport. This would only effect the content box not the entire site. I just need the container to be 100%

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

Part of the reason I bought pagelines was to make design easier. If I can't even put in a full width slider, which is pretty standard on most wordpress templates into pagelines something is definitely wrong and I will be asking for my 197 dollars back.

Share this post


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

Add the following should remove padding from the content area which is where you slider is located.


#site .section-content-area .content-pad { padding: 0; }
#site .section-content-area .mcolumn-pad { padding: 0; }
[/CODE]

Also, PageLines Framework is extremely easy to use. But what you're trying to achieve is adding a third party plugin to your theme.

How did you add the Slider to your theme ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

Danny, thanks thats exactly what I was asking for.. I added the slider with a shortcode to the page. Would it be better to put in a content box?

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

You can absolutely put any plugin you buy into PageLines.

It's just like buying a new seat for your Ferrari. Say you buy a seat, but the only seat thats available is from a 1974 VW Bug. Of course the seat from the VW BUG will fit, but it's going to require a bit of extra elbow grease to work.

PageLines Sections, especially the ones in the store, have a lot of magical awesome sauce that auto-style them to work with the framework, and have options that tie directly into the framework and the API.

So while you can definitely put anything you want into PageLines, if you want a seamless experience, stick to the extensions on the PageLines Store.

Hope this helps.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

Danny, the plugin developer is saying there are some definitions for img that are causing some issues. If I put this slider into a contnt box can I turn off the img definitions just for that box and leave the globals alone?

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

here is what the developer says"

The theme you are using is forcing all the images to scale. Please contact the theme builder and ask them if they have a solution for this. I didn’t find any other solution. All I tried was ignored by the theme.

You can also change the theme and show them that the product works correctly."

Share this post


Link to post
Share on other sites
Rob    547
Rob

Mike,

I just looked at that third party plugin. To be very clear and specific, we do not provide support for third party products. In point of fact, we don't even support third party items sold in our own store.

That said, one of our developers just came out with a full width slider, which should soon be available in our store. I'm not saying this to make a sale, but to give you an option that's assured to work with our other products.

I can't find any reason that PL would affect that slider unless there's a conflict of jQuery or javascript. Since we're using nothing outside the scope of WP, it's possible that any conflict comes from that plugin being out of date. I can't see a recent date for it. When was it updated last?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

You can close this topic

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

The solution was

.ken_img {

max-width:none !important;

max-height:none !important;

min-width:none !important;

min-height:none !important;

}

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

The topic was marked as resolved.


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this 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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • 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
    • micstepl
      By micstepl+
      What is actually framework?
      - is ist that, what we used some years ago?
      - dös it replace DMS2?
      Usage
      - can I use framework beside of DMS2?
      - how do they relate?
    • almanada
      By almanada+
      2 year DMS Framework Dev Member here:
      Nothing is saving on our websites, our Key is no longer registering, emails have gone unanswered.  The DMS theme seems to be overall malfunctioning.   I just want it to work like it worked last week again please. Also, based on our your website is looking, it's also falling apart. Please Advise ASAP!  Our clients have a much shorter temper with us, because we actually offer a way to contact us.  We have reinstalled the latest theme over and over. 
    • oksodavid
      By oksodavid
      I can activate Framework 5.0.2 as stand alone theme ok. I get dashboard notice 'You need PageLines Connect' which is superseded by pl-platform - connect plugin.
      If I activate pl-platform 5.0.3, I get the 'total_pages' js error mentioned in pl-platform 5.0.2 plug and can't load Extend.
      I loaded PageLines Platform Developer 0.5.1, and dev loads ok.
    • OBXLynn
      By OBXLynn
      I hope someone can help me with this. I have added a GIF image to my Features - www.101thingsobx.com. The image contains changing copy. However, it doesn't seem to be working right. I have this same GIF on a different website (not WordPress-based - www.obx.com) and it is functioning correctly. Is there something I need to change in settings to allow the copy to work properly?
       
      Thank you for any help you can offer.
×