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, 2 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

Helpful Topics

Static block not updating and showing in my under menu

2 years, 8 months ago
Issues with mobile responsiveness

3 years, 3 months ago
Problem with Margin sticky header

3 years, 3 months ago
Embedded video for single product page

3 years, 9 months ago
Display costumers reviews

4 years, 1 months ago
translation issue with empty cart

4 years, 2 months ago
Oudated Theme

4 years, 4 months ago
Test mode – woocommerce

4 years, 5 months ago
Masonary Grid Not Showing On Mobile

4 years, 8 months ago
Empty space

5 years ago

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