-
-
I desperately need to have portfolio items with titles underneath.
Basic view does not cut it, since it comes with the chain & magnifier icons once you try click the image to go to the next page.
Please Help!
-
Hello,
In which theme did you want this Portfolio style?
Thanks
-
-
Hello,
You can remove the link and zoom icons by adding this css in Specular > General > Custom Codes box:
.portfolio-item.basic .tpl2 .center-bar { display: none; }
Let us know if this works for you.
Best regards! -
Hi
Thanks. This removed the zoom and link icons, but it still did not make the image clickable to take the user to the next page.
How can I make the image “clickable”?
Thanks
-
Hello,
please go to file specular/includes/view/portfolio/loop-grid.php and find this block:
<?php }else if($style == 'basic'){ ?> <div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?> <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>"> <div class="he-wrap tpl2"> <?php if($columns == 5) $columns = 4; ?> <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port'.$columns, 'url')) ?>" alt="<?php echo esc_attr__('Portfolio Image', 'specular') ?>"> <div class="overlay he-view"> <div class="bg a0" data-animate="fadeIn"> <div class="center-bar v1"> <a href="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), array("width"=> 1200, "height" => 1200), "url")) ?>" class="link a2 lightbox-gallery lightbox" data-animate="fadeInRight"><i class="moon-search-3"></i></a></a> <a href="<?php echo esc_url($link) ?>" class="link a1" data-animate="fadeInLeft"><i class="moon-link-4"></i></a></a> </div> </div> </div> </div>
Edit to this:
<?php }else if($style == 'basic'){ ?> <div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?> <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>"> <a href="<?php echo esc_url($link) ?>"><div class="he-wrap tpl2"> <?php if($columns == 5) $columns = 4; ?> <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port'.$columns, 'url')) ?>" alt="<?php echo esc_attr__('Portfolio Image', 'specular') ?>"> <!--<div class="overlay he-view"> <div class="bg a0" data-animate="fadeIn"> <div class="center-bar v1"> <a href="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), array("width"=> 1200, "height" => 1200), "url")) ?>" class="link a2 lightbox-gallery lightbox" data-animate="fadeInRight"><i class="moon-search-3"></i></a> <a href="<?php echo esc_url($link) ?>" class="link a1" data-animate="fadeInLeft"><i class="moon-link-4"></i></a> </div> </div> </div> --> </div></a>
Save changes and refresh page.
Best regards!
-
-
You’re welcome!
If you like our theme and support, please rate it with 5 stars. It is very important for us.
https://themeforest.net/downloadsThank You :)
-
You must be logged in to reply to this topic.