Jump to content
pageliner

"Features" slider bug when resizing browser window in Pagelines 2.3.3

Recommended Posts

pageliner    0
pageliner

Hi,

I recently installed Pagelines 2.3.3 on a local MAMP (Macintosh, Apache, MySQL, PHP) installation using wordpress 3.4.2.

I created a "Features" slider with text on the bottom (Black text, light feature background, no overlay). When I load the page the first time, it renders as expect. The problem occurs when the browser window is increased in size.

The problem:

When the size of the browser window is increased, the text that is to be part of the feature disappears.

If you gradually increase the size of the window, you can watch the text slowly disappear as you increase the size of the window. Eventually, if you resize the window large enough, all the text disappears as you are left with the textured background that pagelines provides.

This behavior does not happen when you are decreasing the size of the browser window. It only occurs when you are increasing the size. After increasing the size of the browser window, if you decrease it back to the size it was when the page loaded, the text appears again. After you increase the size of the browser window, if you reload the page, the text renders correctly. But if you increase the size of the window, it starts to disappear again.

The problem occurs when I do any of the following:

- Increase the size of the browser window using trackpad (dragging the edges of browser window).

- Increase the size of the browser window using the "zoom" option in Safari.

- Increase the size of the browser window using 3rd party window management tools in OSX.

The problem repro's everytime with the following browsers:

- Firefox 15.0.1

- Safari 6.0.1

Is there a problem with the settings that causes this? Or is this a legitimate bug?

The feature is set to use "Aspect Height", and the ratio is 1.77. But this problem repro's regardless of the ratio or height.

Also note, that this problem does not occur with previous versions of pagelines (such as 2.1.6)

Share this post


Link to post
Share on other sites
Rob    547
Rob

Since you're on MAMP and not live, I can't see this slider, but it's possibly caused by the slides being of different original size. Alternatively, it could be caused by custom CSS, insufficient or broken CSS, a javascript or jquery conflict... etc.

I'd suggest starting by insuring the original images are all the same size.

We also provide a plugin that might help if this is browser specific - http://www.pagelines.com/store/plugins/browser-css

If it's a conflict, I'd recommend checking the compatibility of your plugins with WP 3.4.2.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pageliner    0
pageliner

Thank you for your reply.

The two feature background images, are identical in size.

I have tried this with the exact same image on both slides.

I have tried images that are : 1000x500 (for both slides), and also 1000x330 (for both slides) and the problem repro's in both cases.

I do not use custom CSS, and I have made no changes to the CSS that comes with a default installation of page lines.

I have not written any javascript or jquery code.

As I just started this project, there are just a handful of pages, most of which have absolutely nothing on them.

I have a 3 boxes on the same page as the slider.

This pagelines installation does not have any code changes done by me.

The only plugins I have installed are:

Contact Form 7 (version 3.3.1). This is used on another page. It is not on the same page as the features slider.

Pagelines Sections (Versions 1.0)

Post Types Order (Version 1.5.4)

I use the "Base Theme" versions 1.0.2 provided by pagelines, as I would like to make custom templates.

Share this post


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

HI,

I am not able to recreate this, therefore can you install a free application called JIng and then record the issue so we can review the clip.

http://www.techsmith.com/jing.html


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pageliner    0
pageliner

How can I send it to you? The recording will be over 500K ?

Share this post


Link to post
Share on other sites
Rob    547
Rob

When replying, click the "More Reply Options" button at the bottom, right of the edit field here. You'll see an option to upload files.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pageliner    0
pageliner

What I meant to say was, the size of the file will be larger than 500K. This forum seems to allow me to add attacments only upto 374.2K. Which means I cannot attach the video unless there is some alternate means.

Share this post


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

Hi,

The Jing recording can be uploaded to your Screencast account, once uploaded a link to the recording will be added to your clipboard, simply copy and paste the recording link to your reply.


Please search our forums, before posting!

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

    • flaxpits
      By flaxpits
      Is there a way to use the whole image in the feature slider as a link? I have searched the forum and noticed in 2011 this was posted and the reply was no. Has anything changed in 4 years?
       
    • dfsdafd23
      By dfsdafd23
      I'm using features on the landing page of my website. My issue is that when the page loads the feature slider will resize itself every time. I've tried to tinker around with the layout of the site (static, responsive, %, px) and with the source images (not to big, the actual size) but it doesn't help. Any tips? 
       
      Here's a video of how it looks:
       
      https://dl.dropboxusercontent.com/u/766689/Features.mov
       
       
      Website URL: test.andersaagesen.dk
      Framework Version: 2.4.4 w. child theme
      WordPress Version: 4.2.1
      Plugins in Use: simple css lite, pagelines security patcher, contact form 7, backWPup
      Server/Host: unoeuro.com
    • chambermv
      By chambermv
      The features images are not displaying properly. The first image is blank and the second displays this script: if (document:)document.getElementbyld("divcb6b4a52").style.height = (441-440)+"px";
       
      There should only be 8 images to display, but it adds two images before that are blank and have that text I indicated.
       
      Website:
      http://chambermv.org/
       
      Platform Pro
    • avstrati
      By avstrati
      Hello 
       
      We've recently added the top rated Word Press translation tool WPML to our Website in order to translate our site into a second language. Everything worked like a charm, except one thing: the PlatformPro features. 
       
      Our home page was designed in English with the features slider and some text, using what is now the Select Feature-Set for Posts & 404 Pages option so that we could custom create our features. The features are tagged as default-features so that they may be selected to appear in the scroll. The thing is, we cannot translate them. 
       
      Can someone please help me figure out a work around please?
       
      Many thanks
      Kristina
    • vicdesotelle
      By vicdesotelle
      see of feature slider at http://wildbeyondexpeditions.com/ 
       
      1- how do i change position of feature slider text from left side to bottom of each pic? 
       
      2- how do i change font size of feature slider text? 
       
       
×