Skip to content
Public Ticket #16434

Effect around the image on homepage

Conversation thread

sashab replied

Customer Reply

That did the work :D thanks a lot!

PenciDesign replied

Staff Reply

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

Customer Reply

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.

PenciDesign replied

Staff Reply

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

Customer Reply

So I can't add this to images below home boxes the one like articles?

PenciDesign replied

Staff Reply

Hi,

Its home featured boxes. You can check options for it via Customize > Homepage > Home Featured Boxes.

Best Regards,

PenciDesign

sashab started the conversation

Conversation Start

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/

Want to join this conversation or access attachments? Sign in first.