How to add border on thumbnails ?

  • Resolved Cendar

    (@cendar)


    10 years, 9 months ago

    Hi!

    First, thank you for your wonderful wordpress plug-in!

    I’m searching the settings of WPPA and the forum for a while without finding a solution to my problem.

    Is it possible to add a border to the thumbnails?

    On my wordpress page I added this with the shortcode generator selecting type of gallery “the sub-albums and/or thumbnail in an album”: %%wppa%% %%album=1%% %%size=auto%% %%align=center%%

    The thumbnails shows well, but I can’t find a way to add border to them.

    How can I do it? Did I missed the correct setting?

    https://www.ads-software.com/plugins/wp-photo-album-plus/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Add in Table IV-A10 ( Custom CSS ) something like: ( just an example ):

    .wppa-tn-img-container {
background-color:black;
height:150px !important;
padding-top:8px;
border: 2px solid green;
border-radius:6px;
}
    Thread Starter Cendar

    (@cendar)

    Nice! Thanks for the response!

    I modified a bit to fit my site, like this:

    .wppa-tn-img-container {
background-color:white;
height:100px !important;
border: 2px solid black;
border-radius:6px;
}

    But the result is weird, they don’t have border-right or the border is somehow hidden.

    Here is a screenshot of the result: https://image.noelshack.com/fichiers/2014/24/1402316495-capture-d-ecran-2014-06-09-a-14-21-07.png

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Make Table I-C3: thumbnail frame width a bit larger. If you supply me a link, not a screenshot, i can tell how much. ( try 8 pixels more ).

    Thread Starter Cendar

    (@cendar)

    Sorry but the site i’m working on is in “coming soon” mode and my client want to keep it that way, so I can’t provide you with a link. (I can create an account and PM you the credentials if you really wish to)

    Already tried this, but the border is always hidden, no matter how much I change the thumbnail width (I tried 8, 10, 50 pixels more), I also tried to add margin and padding to the code, like this:

    .wppa-tn-img-container {
background-color:white;
height:100px !important;
margin: 10px !important;
border: 2px solid black;
border-radius:6px;
}

    But with the same result…

    Anyway, thanks for trying to help me, when I can, I will make a donation to your plugin, it’s very nice to have an author so reactive ??

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    If you mail me login details of an administrator acount, i can help you further.

    You can mail to opajaap at opajaap dot nl

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add border on thumbnails ?’ is closed to new replies.