"Effect around the image on homepage" (#2748168) / PenciDesign

Comments

sashab started the conversation
April 12, 2021 at 8:32pm
Hi, how can I add effect around the images like the one in Box category (Destination, Travel Guide, etc), that white box/border and little zoom? Zoom is not that important but I would like to add this white border/box around the images of posts below that boxes. My web is same as below link:
http://soledad.pencidesign.com/soledad-travel-blog3/
2,699
PenciDesign replied
April 13, 2021 at 1:07am
Hi,
Its home featured boxes. You can check options for it via Customize > Homepage > Home Featured Boxes.

Best Regards,
PenciDesign
sashab replied
April 13, 2021 at 7:09am
So I can't add this to images below home boxes the one like articles?
2,699
PenciDesign replied
April 13, 2021 at 7:25am
Hi,
I really don't understand your reply. Please tell me where do you want to use it.
If you mean to use it inside your posts, please use Elementor to config your post > use element "Penci Featured Boxes" from Elementor to get the featured boxes display.

Best Regards,
PenciDesign
sashab replied
April 13, 2021 at 7:41am
Hi,
See picture in attachment, I wan't to use effect (white line box) inside the picture 1 to have it same on pictures in articles like below in picture 2. I'm not talking about white box with text DESTINATIONS, but that line box effect outside that.

2,699

PenciDesign replied

April 13, 2021 at 8:04am

Hi,

Please try to add more this code to Customize > Custom CSS to do that:

.penci-grid li .item > .thumbnail a:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    opacity: 0.4;
    transition: all 0.3s;
}
.penci-grid li .item > .thumbnail a:hover:after {
    opacity: 0.8;
}

Best Regards,

PenciDesign

sashab replied
April 13, 2021 at 8:10am
That did the work :D thanks a lot!