CMS Development

KMoseley
Membre

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

Résolue

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 Votes
2 Solutions acceptées
jennysowyrda
Solution
Gestionnaire de communauté
Gestionnaire de communauté

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

Résolue

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

Voir la solution dans l'envoi d'origine

0 Votes
Solution
Anonymous
Non applicable

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

Résolue


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.

Voir la solution dans l'envoi d'origine

4 Réponses
Solution
Anonymous
Non applicable

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

Résolue


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
Membre

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

Résolue

Hi Kularanjan,

 

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

Kindest,

 

Katherine

jennysowyrda
Solution
Gestionnaire de communauté
Gestionnaire de communauté

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

Résolue

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 Votes
KMoseley
Membre

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

Résolue

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 Votes