Jump to content


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


Flyp - would like front and back to be different colours

Recommended Posts


Hi bjs198. Thank you very much for purchasing my Flyp section.


If you want all of the backs to have a different color than the fronts, you could do something like this:

#flypuq90iv .flyp_back { background-color:green !important; }

If you want just the 4th card to have a different color than its front, you could do something like this:

#flypuq90iv .flypcard4 .flyp_back { background-color:green !important; }

You will need to replace the CSS ID with the ID of your Flyp section, and you will need the !important.



Please let me know if this is what you needed. If you need additional help, please provide a link to the page(s) with Flyp in use.

Share this post

Link to post
Share on other sites

  • Similar Content

    • davidcosgrove
      By davidcosgrove
      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!
    • 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.