CMS Development

KMoseley
メンバー

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決

Hi,

 

We have a blog template that we are about to use for Podcasts. At the moment the Hero Header is linked to the latest post. I can see teh HuBL code and see where it's referencing that, but don't know how to change it. 

The social media buttons aren't sharing the post - so I think they need removing from the header too. I've attached some of the code below so you can see what is going on.

 

Thanks in advance:

 

{% set p = contents|first or content %}
<div id="hot-post-header" class="hot-post-header {% if p.featured_image %} have-featured-image{% endif %} {% if blog_author and contents %}hidden{% endif %}" style="background-image:url('{{ p.featured_image }}')">
<div class="wrapper padded">
<div class="row-fluid-wrapper">
<div class="row-fluid ">
<div class="span12" style="">
<div class="cell-wrapper layout-widget-wrapper">
<span class="blog-listing-item-container">
<span class="hero-post-topic">
{% if p.topic_list %}
{% for topic in p.topic_list %}
<a class="post-topic-link" href="{{ group.absolute_url }}/topic/{{ topic.slug }}">{{ topic.name }}</a>
{% endfor %}
{% endif %}
</span>
<h1 class="The Freedom at Work Academy">
<a href="{{ p.absolute_url }}">{{ p.name }}</a>
</h1>
<div class="post-details">
{%if p.blog_post_author %}
By <a class="hero-author-link" href="{{ group.absolute_url }}/author/{{ p.blog_post_author.slug }}">{{ p.blog_post_author.display_name }}</a>
{% endif %}&nbsp; |&nbsp; <span class="blog-post-date">{{ p.publish_date_local_time|datetimeformat('%B %d, %Y') }}</span>
</div>
{% if content_group.show_summary_in_listing %}
<a class="more-link" href="{{ p.absolute_url }}">LISTEN NOW</a>
{% endif %}
<span class="social-shares">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ p.absolute_url|urlencode }}"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{p.absolute_url|urlencode}}"><i class="fa fa-linkedin"></i></a>
<a target="_blank" href="https://www.twitter.com/share?url={{ p.absolute_url|urlencode }}"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="https://www.instagram.com/share?url={{ p.absolute_url|urlencode }}"><i class="fa fa-instagram"></i></a>

</span>
</span>
</div>
</div>
</div>
</div>
</div>
<a href="#article" class="read-post">Listen Now</a>

0 いいね!
2件の承認済みベストアンサー
jennysowyrda
解決策
コミュニティーマネージャー
コミュニティーマネージャー

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決

Hi @KMoseley,

 

Are you still experiencing this issue? If so, please let me know and I am happy to continue investigating this issue with you. If you can share a link to the live page where this is being implemented, that would be great!

 

If you were able to resolve the issue, do you mind sharing your findings with the Community?

 

Thank you,
Jenny

元の投稿で解決策を見る

0 いいね!
解決策
Anonymous
適用対象外

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決


Hi @KMoseley,

Are you looking for a static version like below?

<div id="hot-post-header" class="hot-post-header" style="background-image:url('urlOfImageHere')"> 
	<div class="wrapper padded"> 
		<div class="row-fluid-wrapper"> 
			<div class="row-fluid "> 
				<div class="span12" style=""> 
					<div class="cell-wrapper layout-widget-wrapper"> 
						<span class="blog-listing-item-container"> 
							<span class="hero-post-topic"> 
								<a class="post-topic-link">topicNameHere</a> 
							</span> 
							<h1>Hero Heading Here</h1> 
						 </span>
					</div> 
				</div> 
			</div>
		</div>
	</div> 
</div>



 You can change the content per your wish.

元の投稿で解決策を見る

4件の返信
解決策
Anonymous
適用対象外

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決


Hi @KMoseley,

Are you looking for a static version like below?

<div id="hot-post-header" class="hot-post-header" style="background-image:url('urlOfImageHere')"> 
	<div class="wrapper padded"> 
		<div class="row-fluid-wrapper"> 
			<div class="row-fluid "> 
				<div class="span12" style=""> 
					<div class="cell-wrapper layout-widget-wrapper"> 
						<span class="blog-listing-item-container"> 
							<span class="hero-post-topic"> 
								<a class="post-topic-link">topicNameHere</a> 
							</span> 
							<h1>Hero Heading Here</h1> 
						 </span>
					</div> 
				</div> 
			</div>
		</div>
	</div> 
</div>



 You can change the content per your wish.

KMoseley
メンバー

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決

Hi Kularanjan,

 

Thanks for this, I will clone and see how this works. Really appreciate you getting back to me.

Kindest,

 

Katherine

jennysowyrda
解決策
コミュニティーマネージャー
コミュニティーマネージャー

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決

Hi @KMoseley,

 

Are you still experiencing this issue? If so, please let me know and I am happy to continue investigating this issue with you. If you can share a link to the live page where this is being implemented, that would be great!

 

If you were able to resolve the issue, do you mind sharing your findings with the Community?

 

Thank you,
Jenny

0 いいね!
KMoseley
メンバー

Needing to change Hero Header on Homepage to NOT link to other blog posts

解決

Hi Jenny,

 

I have managed to get hold of the designer of the template and they have helped and I have managed to trach myself some coding to make other adjustments. I will close this one now. Thanks so much.

0 いいね!