Remove hyperlink from recent works

Hello,

first, create a child theme using given LINK

now copy home-portfolio.php from main theme folder and paste in child theme folder after copy and paste open home-portfolio.php of child theme folder go to line no.27 see codes

<div class="enigma_home_portfolio_showcase_overlay_inner ">
									<div class="enigma_home_portfolio_showcase_icons">
										<a title="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><i class="fa fa-link"></i></a>
										<a class="photobox_a" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>"><i class="fa fa-search-plus"></i><img src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>" alt="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" style="display:none !important;visibility:hidden"></a>
									</div>
								</div>
							</div>
						</div>
					
					<?php if($wl_theme_options['port_'.$i.'_title'] !='') { ?>	
					<div class="enigma_home_portfolio_caption">
					<h3><a href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?></a></h3>

replace it with below code

<div class="enigma_home_portfolio_showcase_overlay_inner ">
									<div class="enigma_home_portfolio_showcase_icons">
										<span title="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_link']); ?>"><i class="fa fa-link"></i></span>
										<span class="photobox_a" href="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>"><i class="fa fa-search-plus"></i><img src="<?php echo esc_url($wl_theme_options['port_'.$i.'_img']); ?>" alt="<?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?>" style="display:none !important;visibility:hidden"></span>
									</div>
								</div>
							</div>
						</div>
					
					<?php if($wl_theme_options['port_'.$i.'_title'] !='') { ?>	
					<div class="enigma_home_portfolio_caption">
					<h3><?php echo esc_attr($wl_theme_options['port_'.$i.'_title']); ?></h3>

Save file. Then

go to Dashboard->Appearance->Customize->Theme Options->Theme General Options->Custom CSS

insert below code in Custom CSS box

.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons span {
    background-color: #31A3DD;
    border: 2px solid #31A3DD;
    color: #fff;
}
.enigma_home_portfolio_showcase_icons span {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease 0s;
}
.enigma_home_portfolio_showcase_icons span:hover {
    background-color: #ffffff;
    border: 2px solid #31A3DD;
    color: #31A3DD;
}
.enigma_home_portfolio_showcase_icons span i {
    font-size: 1.6em;
    line-height: 40px;
}
.enigma_home_portfolio_caption h3 span {
    color: #404040;
    font-size: 22px;
}
.img-wrapper:hover  h3 span {
    color: #fff;
}

• This reply was modified 8 years, 3 months ago by weblizar_support.

Hello,

Sorry my bad. i want to remove those 2 circles completely not only the hyperlink.

Also, i want to remove the hyperlink from the text below the image. Please provide me a fresh solution.

Regards,
Amandeep Singh Deol

hii,

go to Dashboard->Appearance->Customize->Theme Options->Theme General Options->Custom CSS

insert below code in Custom CSS box –

.enigma_home_portfolio_showcase_icons {
    display: none !important;
}
.enigma_home_portfolio_caption h3 a {
    cursor: text !important;
}