Jump to content


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


Flyp cards CSS for indentifying images in Flyp cards on other pages

Recommended Posts



We are working on finishing up our development website here - http://www.conventionsetc.info/index/

Instead of having all of the Flyp cards on the home page, we are splitting them up, 16 on the home page, 14 on the new page called "More Celebrities".

Below is a sample of the CSS that you helped us with back over the summer - this works perfectly on the home page.

.flypcard1 .flyp_front { background: url('http://www.conventionsetc.info/index/wp-content/uploads/2015/07/john-noble-275.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }

.flypcard2 .flyp_front { background: url('http://www.conventionsetc.info/index/wp-content/uploads/2015/07/KSENIA-SOLO-275.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }

.flypcard3 .flyp_front { background: url('http://www.conventionsetc.info/index/wp-content/uploads/2015/07/RACHEL-SKARSTEN-275.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }

However, when we try to change the photos on the new "More Celebrities" page, it's still pulling the same images from the CSS on the home page.

So, we need to know how to set the Flyp cards CSS for the new "More Celebrities" page so we can load up different images there specific to that page.

I hope this all makes sense.

Thank you for your help!


Share this post

Link to post
Share on other sites

Hi David

You need update your version of DMS to 2.2. The fix was added a couple of versions ago for WordPress updated jQuery files.


Install the PageLines Updater plugin, it will be in your account area as a download at https://www.pagelines.com/my-account/

Install, activate then configure it using your DMS2 key and email address, you will then get auto updates.

You can always download the DMS2 zip from your members area and update the theme manually too.

Perhaps this resolve the issue.

Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites

  • Similar Content

    • nadielp
      By nadielp+
      Hi Cliff,
      I love Flyp. Thanks for creating it.
      I am curious if there would be a way to set opacity for the background on Flyp. It would be of use to me on a site I am working on.
    • davidcosgrove
      By davidcosgrove
      We are developing a new website with Flyp on the home page and we are running into some issues with the images.
      Images are getting cut off when the screen size changes and are not displaying consistently between Chrome and Firefox all the time.
      We've tried viewing this while logged in and also logged out of WP admin - here is a brief demo clip, we get iframe-like scroll bars instead of the images/grid responsively adjusting -
      You can see the page in action live here -
      Not sure what to do - need your help.
      Thank you!
    • alisamski
      By alisamski+
      Having a problem with flyp working correctly on the site..
      Not sure if there is a conflict...
      Please advise... its an advent calendar which is a timely matter.
      Thank you
    • JasonLA
      By JasonLA+
      Hi Clifford, 
      I just bought your Flyp app but am having some trouble making it look good. Can you please explain to me how I would go about adding images to each box that take up the entire box all together rather than just being placed in the middle of it? I'm trying to make a sort of collage and am not too familiar with HTML you suggested someone review in a previous question. 
    • arlomiller
      By arlomiller
      I'd love to have photos in Flyp that would also have a line or two of text below them that would serve as a caption. I've been able to put in text, but there seems to be very little control over the formatting of it.