Jump to content

Archived

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

JasonLA

full size images?

Recommended Posts

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. 

 

Thanks!
Jason

Share this post


Link to post
Share on other sites
TourKick (Clifford P)

Hi Jason. Thanks for your purchase.

 

I haven't done image backgrounds for front or back of cards before, but it sounds like a nice idea.

 

You'd need to add custom CSS.

 

You could do something like this:

.flypcard4 .flyp_front { background: url('//cdn.pagelines.com/wp-content/uploads/2013/11/Simple-Tight-Post.jpg'); background-size: cover; }

That'd change the front of the 4th card in a Flyp Section to have that background image. You can lookup background-size to see how you want to handle that.

 

Referencing http://docs.pagelines.com/customize/ may also help.

 

Let me know if you need anything else.

Share this post


Link to post
Share on other sites
JudithKlinger

Ciao. I've tried every combination that I could think of but I still can't get an image as a background. Any other suggestions? 

Thanks!!

Share this post


Link to post
Share on other sites
TourKick (Clifford P)

Sorry you're having troubles. If you'd like, I can do a screen sharing session with you and we can do it together. PM me if interested and I'll provide you my hourly rate.

Share this post


Link to post
Share on other sites
TourKick (Clifford P)

I provided the requested customizations to JudithKlinger via email.

Share this post


Link to post
Share on other sites
JudithKlinger

Yes, you did Clifford and it was excellent support! 

Share this post


Link to post
Share on other sites

  • Similar Content

    • davidcosgrove
      By davidcosgrove
      Hello,
      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!
      David
    • 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.
      Thanks,
      Daniel
    • davidcosgrove
      By davidcosgrove
      Hi,
      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 -
      http://www.conventionsetc.info/flyp.mp4
      You can see the page in action live here -
      http://www.conventionsetc.info/index/
      Not sure what to do - need your help.
      Thank you!
    • alisamski
      By alisamski+
      Having a problem with flyp working correctly on the site..
       
      http://bit.ly/1yHIJ05
       
      Not sure if there is a conflict...
       
      Please advise... its an advent calendar which is a timely matter.
       
      Thank you
       
      [attachment=2520:flypview.png]
    • 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.
×