Skip Navigation

[Resolved] Using Avada overlay with classic views

This support ticket is created 3 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by Dido 3 years, 11 months ago.

Assisted by: Waqar.

Author
Posts
#1868641

Hi Waqar,

On a new site I want to show my custom posts like the blog posts in Avada, with an overlay. hidden link

I add them to a category, but Avada does not recognize the cpt. How can I reach this?

#1868695
#1872891

Hi,

Thank you for waiting.

I've performed some tests on my website and to use the Avada theme's overlay feature in your view's output, you can replace the following content in your view's loop item content template from:


<div class="recent-foto"><a href="[wpv-post-url]">[types field='headerfoto' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='390px' height='268px' resize='crop'][/types]</a></div>

To:


<article id="post-1" class="fusion-post-large  post fusion-clearfix post-[wpv-post-id] type-post status-publish format-standard has-post-thumbnail hentry">
	<div class="fusion-flexslider flexslider fusion-flexslider-loading fusion-post-slideshow">
		<ul class="slides">
			<li>
				<div  class="fusion-image-wrapper" aria-haspopup="true">	
					[types field='headerfoto' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='390px' height='268px' resize='crop'][/types]
					<div class="fusion-rollover">
						<div class="fusion-rollover-content">
							<a class="fusion-rollover-link" href="[wpv-post-url]">[wpv-post-title]</a>
							<div class="fusion-rollover-sep"></div>
							<a class="fusion-rollover-gallery" href="[types field='headerfoto' size='full' url='true'][/types]" data-id="[wpv-post-id]" data-rel="iLightbox[gallery]" data-title="[wpv-post-title]" data-caption="">[wpv-post-title]</a>
							<h4 class="fusion-rollover-title">
								<a class="fusion-rollover-title-link" href="[wpv-post-url]">[wpv-post-title]</a>
							</h4>
							<a class="fusion-link-wrapper" href="[wpv-post-url]" aria-label="[wpv-post-title]"></a>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</article>

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1873353

My issue is resolved now. Thank you!