Return to previous page

How can I delete link on the portfolio shortcut on the main page?

This topic has 9 replies, 2 voices, and was last updated 2 years, 1 months ago ago by EE Eric

EE Eric

Participant

October 7, 2022 at 11:45

Hi there,
How can I delete the URL link in the portfolio section on the digital marketing demo? I want only to show bigger pictures but I don’t want to move my clients to another page for case studies?

#335999 Copied Theme version: 8.2.2

8 Answers

Rose Tyler

Support staff

October 7, 2022 at 12:33

Hello,

Try to add the next code in Theme Options > Theme custom CSS:

.home .portfolio-item-inner .portfolio-image {
    pointer-events: none;
}

Regards

#336001 Copied

EE Eric

Participant

October 10, 2022 at 12:43

link is off, but now I can not zoom in picture

#336122 Copied

Rose Tyler

Support staff

October 10, 2022 at 13:16

Add this code also:

.home .portfolio-item-inner .portfolio-image .zoom {
    pointer-events: all;
}

Regards

#336125 Copied

EE Eric

Participant

October 10, 2022 at 13:18

works! thank you. Also can I add some extra css to zoom in after click everywhere on the photo? Not only the plus button?

#336127 Copied

Rose Tyler

Support staff

October 10, 2022 at 14:56

Hello,

.portfolio-image .zoom {
position: static;
}
.portfolio-image .zoom .btn-lightbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
background: transparent !important;
border: none !important;
}
.portfolio-image .zoom .btn-lightbox:before {
width: 3rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(255,255,255,.7);
position: relative;
top: 15px;
left: 15px;
}
.portfolio-image .zoom .btn-lightbox:hover:before {
background: var(--et_dark-color);
border-color: var(--et_dark-color);
}

Regards

#336142 Copied

EE Eric

Participant

October 11, 2022 at 12:28

doesn’t work

#336225 Copied

Rose Tyler

Support staff

October 11, 2022 at 12:32

Please change the code to:

.portfolio-image .zoom {
position: static !important
}
.portfolio-image .zoom .btn-lightbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
display: block !important;
background: transparent !important;
border: none !important;
}
.portfolio-image .zoom .btn-lightbox:before {
width: 3rem;
height: 3rem;
display: inline-flex !important;
align-items: center;
justify-content: center;
border: 2px solid rgba(255,255,255,.7);
position: relative;
top: 15px;
left: 15px;
}
.portfolio-image .zoom .btn-lightbox:hover:before {
background: var(--et_dark-color);
border-color: var(--et_dark-color);
}

Regards

#336226 Copied

EE Eric

Participant

October 11, 2022 at 12:33

now works great! thanks

#336227 Copied

Tagged: delete, link, portfolio, shortcut, templates, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘How can I delete link on the portfolio shortcut on the main page?’' has been successfully resolved, and the topic is now closed for further responses

How can I delete link on the portfolio shortcut on the main page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection