Contact

    Apply specific styling to the first page of your HubSpot blog listings

    Difficulty Level: Advanced. This post assumes a strong understanding of HubSpot tools and technical knowledge. Insutructions are given as guidelines and may require additional customisation.

    Sometimes you might just want to apply styling to the first page in your blog listings, such as a hero banner or featured posts.

    To do this, you can use the current_page_num blog variable, like this: 

    {% if current_page_num == 1 %}
      {# Code for content specific to your first page #}
    {% endif %}

    You can add this code into your blog listing template, on a custom module used on your listings template or in the Wrapping HTML on a module or group: 

    Blog listings - wrapping HTML

    Last Updated: October 12, 2019

    Thank you! I appreciate the feedback 😊

    Sorry to hear that! 🙁

    I'd appreciate if you could take a moment to let me know how I can improve this article.

    hand-drawn-monitor-and-mouse

    Looking for a HubSpot website developer?

    Let me help you with website themes, templates, page setup and custom modules. 

    Get in touch

    Not using HubSpot yet?

    HubSpot offers a free CRM as well as Marketing, Sales and Services tools (with free options too!) and a powerful CMS. Learn more here.

    Note, as a HubSpot affiliate I will get a commission if you click on the link above and end up purchasing an upgraded version. No pressure though!

    Stephanie O'Gay Garcia

    Hi! 👋 I'm a freelance HubSpot Website Designer & Developer based in Toronto (Canada). Give me a shout if you have questions about this post or there's anything I can help you with.