Jump to content
cstudio

PopThumbs

Recommended Posts

cstudio

How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.

Site example

Screenshot_20170307-115953-e148891040670

 

Thx

Share this post


Link to post
Share on other sites
cstudio

I found some solutions around. I add some css.

 

I used this to get ride of the expand feature.

div.pp_default .pp_expand {
display: none!important;
}

 

This to fix the small popup

 


@media only screen and (max-width: 480px) { 

    .pp_pic_holder.pp_default { width: 90%!important; left: 5%!important; overflow: hidden; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
    .pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
    a.pp_close { right: 7%!important; top: 10px!important; }
    #pp_full_res { padding: 5px !important; }

}

Hope this helps anyone that needs it.

Share this post


Link to post
Share on other sites
Andrew

Thanks for the update :)

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

    • Kedark
      By Kedark+
      Hello,
      I apologize for the trivial question, but I can not deal with it. How do I turn off the display of a distinctive image on the page? (I have to add it because I use plugins that use it), but as I display the page, I do not want it to be visible (and appears above the subject.).
      Probably a cliché but I can not deal with it. Therefore, a request for help.
      Regards
      RKA
    • jeomiland
      By jeomiland+
      Greetings
      Have a site I'm updating from DMS2 to PL5.  cassclayton.com becoming cassclayton.com/upgrde
      Although Popthumbs says it is supposed to open specified links in a new window, it does infact open in same window. Client wants the radio station icons at bottom of https://cassclayton.com/upgrade to open a new tab/window and not just leave her site. How do I get Popthumbs to behave correctly?
      "PRO" is checked and account is linked to my Pagelines account.
      Is there  conflict that the old site https://cassclayton.com/ in DMS2  and  https://cassclayton.com/upgrade using PL5 are both linked to my PL account even though  and https://cassclayton.com/upgrade is PL5? and other DMS2? Is this causing conflicts? So close to launching this puppy and deleting the https://cassclayton.com/ DMS version... Any help would be appreciated.

    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • petere21
      By petere21
      How to control spaces between images ?
      I can control section  padding from left and right side but not between  images.
      Could someone help me?
×