[Skip to main content](#vessel-content) # Heading or Product category on top of the display ## - **[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")** - [![Nobrainer's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7056-nobrainer "View Nobrainer's Profile") Topic Author - [ Offline](/forum/user/7056-nobrainer) Less More - Posts: 19 - Thank you received: 0 - - 14 years 6 months ago [\#47963](#47963) by [Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile") *[Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#47963 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* was created by *[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")* How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the attachment if you don't see what I mean. I want the Title (Men) Highlight in BLACK to show up in the table exactly as the attachment, anyone can help? Thanks! [ ![IMG_3403.JPG](/forum/attachment/3637) ](/forum/attachment/3637 "IMG_3403.JPG") - [ ![IMG_3403.JPG](/forum/attachment/3637) ](/forum/attachment/3637 "IMG_3403.JPG") [ ](/forum/attachment/3637?download=1 "IMG_3403.JPG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 14 years 6 months ago [\#48021](#48021) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#48021 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* You can add the same CSS in your template CSS (that you can edit via the templates manager of joomla). You can look at the CSS code we used there with Firebug: [ www.tutorial9.net/tutorials/web-tutorial...opment-with-firebug/](http://www.tutorial9.net/tutorials/web-tutorials/quick-easy-css-development-with-firebug/) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")** - [![Nobrainer's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7056-nobrainer "View Nobrainer's Profile") Topic Author - [ Offline](/forum/user/7056-nobrainer) Less More - Posts: 19 - Thank you received: 0 - - 14 years 6 months ago [\#48025](#48025) by [Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile") Replied by *[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")* on topic *[Re: Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#48025 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* Thanks you for the reply. Can you explain more detail in term of step by step, I need more guideline to figure it out. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 14 years 6 months ago [\#48081](#48081) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#48081 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* No. You should learn to use Firebug for CSS customization if you want to customize the style of your website. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")** - [![Nobrainer's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7056-nobrainer "View Nobrainer's Profile") Topic Author - [ Offline](/forum/user/7056-nobrainer) Less More - Posts: 19 - Thank you received: 0 - - 14 years 6 months ago [\#48094](#48094) by [Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile") Replied by *[Nobrainer](/forum/user/7056-nobrainer "View Nobrainer's Profile")* on topic *[Re: Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#48094 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* Yes, just give me a major guide, or a flow chart, like a GPS, I am eager to learn by my own, without the hint, I am going nowhere, please help, thanks again! ![:P](/media/kunena/emoticons/14.png ":P") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 14 years 6 months ago [\#48150](#48150) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Heading or Product category on top of the display](/forum/4-how-to/47963-heading-or-product-category-on-top-of-the-display#48150 "How to create a Heading or title on the product listing page like the Hikashop demo page, on the category of product, fashion tab, click men, then the men product page show up, please see the...")* There is nothing to explain if you follow and understand the tutorial I gave. Just look at the CSS for that element on the demo website... That will give you that CSS: h1 { background-color: transparent; background-image: url("../images/under_shoes.png"); background-repeat: no-repeat; color: white; padding-left: 20px; padding-top: 2px; text-decoration: none; font-size: 12px; height: 18px; } Get the image from the demo website to your website, change the image url accordingly in the CSS code and add the CSS to your website and you will get the same result. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQ3OTYzLWhlYWRpbmctb3ItcHJvZHVjdC1jYXRlZ29yeS1vbi10b3Atb2YtdGhlLWRpc3BsYXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.095 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)