The Hero Divider is one of the most utilized design features with the Brilliant Directories platform. It is a great way to teach new website visitors what it is they can do on the site. It is also one of the first things they see, taking up some of the most valuable real-estate on the website, both for desktop view and mobile devices. 


Brilliant Directories have been asking to convert this section into a great opportunity to add high-quality call-to-actions that are clickable. This increases page views and helps the end-user find what they are looking for quicker.


Desktop View: 




Mobile View:






Adding Clickable Links To The Hero Divider


To add clickable buttons to the hero divider please follow these instructions:


  • Go to SETTINGS >> DESIGN SETTINGS >> General >> HOMEPAGE >>  Select Content to Display 
  • Find the Section spot where the Homepage Hero Divider is selected or select this option and click on Edit Settings

  • Add the "Link Name". This is the text that will appear on the clickable button itself. 
  • Add the "Link URL" for each button. When the button is clicked, the website visitor will be taken to the link provided. 
  • Click "Save Changes"



Hero Divider Settings


Use Icon / Use Image


Use Icon: Select this option to use web icons from the already made Fontawesome Gallery.

Use Image: Use custom icons or images to create the clickable links.




Hide on Mobile?


Disable or enable the Homepage Divider Section on a mobile device. Please see the image below to find this useful setting:




Selecting Image


1. Select Use Image.




2. Add the Title, here we are using the same title of the Post:




3. Add the Caption, on this section we are adding a short description of what this Post is about, use this to call visitors attention:




4. Add the Link Text, we are adding who created this Post:




5. Add the Link URL of the post:



Finally, add the other two and change the Background Color, Font Color and tweak the padding to personal liking.