Home › Forums › Porto – Responsive HTML5 Template › Remove Popup Project
- This topic has 1 reply, 2 voices, and was last updated 10 years, 5 months ago by
Support. This post has been viewed 1139 times
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
December 10, 2014 at 1:35 am #10005538
bvanhuisen
Participanti’d like to remove the popupproject feature from the one page template i am using.
when i remove the a class the image height expands and i loose the thumb-info-title as well.
what i want to achieve is images on the owl carousel with titles only. no popups.
this is the div i have inside the owl carousel class:
<div class="owl-carousel owl-carousel-spaced" data-plugin-options='{"items": 4, "singleItem": false, "autoHeight": true}'> <div> <div class="portfolio-item img-thumbnail"> <img alt="" class="img-responsive" src="img/projects/project-1.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> </div> </div> </div>
thank you for your support!
December 10, 2014 at 10:32 pm #10005557Support
KeymasterHello, great, please try to use the following HTML:
<div class="owl-carousel owl-carousel-spaced" data-plugin-options='{"items": 4, "singleItem": false, "autoHeight": true}'> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> <div> <div class="portfolio-item img-thumbnail"> <span class="thumb-info"> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </span> </div> </div> </div>
Let me know if you need further assistance.
Kind Regards, Jonas
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
This topic is marked as "RESOLVED" and can not rceive new replies.