Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #469211

    Hi Guys!

    Is it possible to add/increase the border and/or a drop shadow around an image (in static pre-hover state) on one page only? I think there is a very think white line around images in the Default setting. I’d like to use a darker/thicker link.

    Thanks so much!

    Christian

    #469464

    Hi jaroljmek!

    It should be possible, please link to the page in question an point out the elements you want to change. A screenshot could help us understand better.

    Cheers!
    Rikard

    #469493

    Hey Rikard,

    Thanks for coming back to me!

    I’d like to add a border and/or a light drop shadow to the publication thumbnails on this page only to lift them off the white page. But, I don’t want to add borders to the logos on the right hand side of the page!

    (Some of the thumbnails have borders but these are from the screengrabs which are inconsistent.}

    http://palnetwork.org/research/

    Is this possible!?

    Thanks very much.

    Christian Jaroljmek

    #470125

    Hey!

    use this code:

    .avia_transform a:hover .image-overlay .page-id-1284 {
    background-color: black;
    }
    

    Best regards,
    Andy

    #470231

    Hey Andy,

    Thanks for that!

    However, nothing happens with this CSS. The page id is correct but no result.

    Will this CSS create a border or border drop shadow? That’s what I’m hoping for.

    Thanks!!

    Christian Jaroljmek

    #470621

    Hey!

    Please try this instead, it will be applied to all images you have in 1/4 containers on only that page:

    .page-id-1284 .av_one_fourth img {
      box-shadow: 2px 2px 2px 2px #333 !important;
      border: 2px solid yellow !important;
    }

    Regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.