CMS Development

KMoseley
Membro

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

resolver

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 Avaliação positiva
2 Solução aceitas
jennysowyrda
Solução
Gerente da Comunidade
Gerente da Comunidade

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

resolver

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

Exibir solução no post original

0 Avaliação positiva
Solução
Anonymous
Não aplicável

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

resolver


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.

Exibir solução no post original

4 Respostas 4
Solução
Anonymous
Não aplicável

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

resolver


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
Membro

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

resolver

Hi Kularanjan,

 

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

Kindest,

 

Katherine

jennysowyrda
Solução
Gerente da Comunidade
Gerente da Comunidade

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

resolver

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 Avaliação positiva
KMoseley
Membro

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

resolver

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 Avaliação positiva