# Author no longer appears on blog post; coding issue

**URL:** <https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688>\
**Category:** CMS Development\
**Created:** [August 1, 2018, 8:45pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688 "2018-08-01T20:45:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [August 1, 2018, 8:45pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/1 "2018-08-01T20:45:54Z")

</div>

I am having an issue with my blog post template, more specifically a custom module for the blog banner. The banner was a color background before, but after changing the background to an image the blog author no longer appeared in the banner.

 ![5387542770483200.jpeg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/f/7f0eb418a21f9ca0383abddc18eff4c62df77859.jpeg)

Below is the code (HUBL/HTML) for the custom module:

{% if is\_listing\_view %}  
\<div class=“banner-area” style=“background-image:url();”\>  
\<div class=“banner-image content-fill”\>  
\<img src=“[//cdn2.hubspot.net/hubfs/4515283/SignumBiosciences\_July2018%20Theme/Images/SITE-EXPORTS\_0012\_FULLBLEED-02.jpg](https://cdn2.hubspot.net/hubfs/4515283/SignumBiosciences_July2018%20Theme/Images/SITE-EXPORTS_0012_FULLBLEED-02.jpg)” alt=“Banner Image”\>  
\</div\>  
\<div class=“page-center”\>  
\<h1\>{{ group.public\_title }}\</h1\>  
\</div\>  
\</div\>

{% else %}

\<div class=“banner-area” style=“background-image:url();”\>

\<div class=“banner-image content-fill”\>

\<img src=“[https://cdn2.hubspot.net/hubfs/4515283/COVER%20IMAGES/SITE-EXPORTS\_0009\_ELEMENTS%20Glass.jpg](https://cdn2.hubspot.net/hubfs/4515283/COVER%20IMAGES/SITE-EXPORTS_0009_ELEMENTS%20Glass.jpg)” alt=“Banner Image”\>

\</div\>

\<div class=“page-center”\>  
\<h1\>{{ content.name }}\</h1\>  
\<p class=“date-sec”\>{{ content.publish\_date\_local\_time.strftime(‘%b’) }} {{ content.publish\_date\_local\_time.strftime(‘%d’) }}, {{ content.publish\_date\_local\_time.strftime(‘%Y’) }}\</p\>  
\<div class=“banner-author”\>  
\<span class=“hs-author-label”\>by\</span\>  
{% if content.blog\_post\_author %}  
\<a class=“author-link” href=“{{ blog\_author\_url(group.id, content.blog\_post\_author.slug) }}”\>{{ content.blog\_post\_author.display\_name }}\</a\>  
{% endif %}  
\</div\>  
\</div\>  
\</div\>  
{% endif %}

The section in orange is the new piece of code I inserted, which seems to be causing the problem.

Please let me know if there is anything else that I need to include about the issue to help. Any helpful tips would be greatly appreciated.

Thank you!

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [August 2, 2018, 1:44pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/2 "2018-08-02T13:44:43Z")

</div>

can you post a link to the preview URL so we may look at the frontend code. It might not be a HUBL issue.

---

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [August 2, 2018, 3:16pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/3 "2018-08-02T15:16:19Z")

</div>

Here is the preview:

[http://blog.signumbiosciences.com/thescienceofstayinghealthy/nerium-get-real-2018?hs\_preview=BbVfsjGQ-6022634940](http://blog.signumbiosciences.com/thescienceofstayinghealthy/nerium-get-real-2018?hs_preview=BbVfsjGQ-6022634940)

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [August 2, 2018, 4:02pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/4 "2018-08-02T16:02:35Z")

</div>

@bstock98 - As suspected, the HUBL is fine and the author code is actually there, it’s just being rendered behind the background image. I added the following css to the author’s \<a\> tag and it appeared:

```auto
position:absolute;
z-index:99999;

```

 ![posa.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/e/7e965c5fafbfb08ffe1da5638d8cc36547286d23.jpeg)

* * *

If this answer helped, please, mark as solved 😄

* * *

[tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me [on slack](http://slack.belch.io/).

---

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [August 2, 2018, 4:29pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/5 "2018-08-02T16:29:44Z")

</div>

Thank you so much! That made the text appear again, but now I have one final issue.

The author and date now scroll over the nav bar rather than going under like the post title. I couldn’t see anything obvious in the css for the post title that makes it scroll underneath.

Any Ideas?

I really appreciate the help!

---

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [August 2, 2018, 5:41pm UTC](https://community.hubspot.com/t/author-no-longer-appears-on-blog-post-coding-issue/9688/6 "2018-08-02T17:41:04Z")

</div>

Nevermind I figured it out. The z-index was too high, which placed it above the navbar.