Jump to content

Archived

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

nadielp

Border color for popthumbs

Recommended Posts

nadielp
 
Hello Everyone,
 
I have been trying (and not succeeding) to set the boarder around each image in a popthumbs gallery to black. I have been picking at the CSS description but I cannot find the control for the border color. Any help would be greatly appreciated. Below is the code I picked out with Firebug. I see the border radius but I do not see a color setting got it.
 
 
.popthumbs-wrap .popthumb {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-bottom: 8px;
    max-width: 200px;
    padding: 4px;
    position: relative;
    width: 100%;
}

 

Thanks!

Share this post


Link to post
Share on other sites
Aires

Hi, nadielp

 

Give this a try

 

a.popthumb {
border: 2px solid red;
}
 
~Aires

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
nadielp

Thanks Aires! So a.popthumb {border: 2px solid black;} seems to change the outline. I guess I actually need the color of the padding to be changed to a.popthumb {

padding: 4px solid black;} --- but that doesn't do it. Any thoughts on what I am missing? 
 
Thanks

Share this post


Link to post
Share on other sites
Aires

Hi, nadielp

 

Give this a try

 

.popthumbs-wrap .popthumb {
background: blue;
}
 
~Aires

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny

Try the following:

 

#site .popthumb {
border: 2px solid black;
background-color: black;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nadielp

Got it! Thanks Aires and thanks Danny. It works perfectly.

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • 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.

    • 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?
    • Susan
      By Susan+
      I updated everything and changed the PopThumbs from one row of four columns to two rows of three columns. After that, PopThumbs stopped popping on load of the site. Please advise as to how to correct this. http://katzing.com/ Many thanks.
    • jeomiland
      By jeomiland+
      How can I save a page in one Platform 5 site for upload to a different site?
      Have a site in which there are a couple extensive extensive Portfolio pages made with Popthumbs, buttons and text sections. Clients are going their separate ways and need to split site into 2 different sites. I'd hate to have to recreate these pages. There MUST be a simple way to download a page and it's content from one site and upload it to a new site - not recreate the whole site, just selected (popthumbs) pages. Did asearch in forum for this and got zero results. Investigated the save/load templates extension but don't see how that can work for this case.
      Thanks for advise.
       
      je
    • cstudio
      By 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

       
      Thx
×