displaying 2 featured icon boxes on one line

Hello,

You can consider using this code to have 2 Icons:

<div class="feature-box fbox-effect">
	<div class="fbox-icon">
		<a href="#"><i class="bi-display i-alt"></i></a>
	</div>
	<div class="fbox-icon">
		<a href="#"><i class="bi-star-fill i-alt"></i></a>
	</div>
	<div class="fbox-content">
		<h3>Responsive Layout</h3>
		<p>Powerful Layout with Responsive functionality that can be adapted to any screen size. Resize browser to view.</p>
	</div>
</div>

Additionally, you will need to use the following CSS Code to have a different color on Hover:

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
  background-color: #HEX;
}

We Apologize for the Inconveniences, however, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code Customizations or Hire Us to help you out with Customizations.

Thanks for Understanding.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.