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

    • 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
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
×