Canvas Support

Having issues centering content

1 reply · opened Oct 18, 2020

RrevmateoOct 18, 2020

Hello I'm having issue centering the icons for the block in the screen shot attached. Can you please tell me what's the class I should use to center icons and where should I put it in the block?

<div class="row col-mb-50">
<div class="col-sm-6 col-lg-4 center">
<div class="feature-box fbox-sm fbox-plain" data-animate="fadeIn">
<div class="fbox-icon">

</div>
<div class="fbox-content">
<h3>Escuela Dominical</h3>
<p>Domingos 11:00 a.m. - 12:00 p.m..</p>
</div>
</div>
</div>

					&lt;div class="col-sm-6 col-lg-4 center"&gt;
						&lt;div class="feature-box fbox-sm fbox-plain" data-animate="fadeIn" data-delay="200"&gt;
							&lt;div class="fbox-icon"&gt;
								[](#)
							&lt;/div&gt;
							&lt;div class="fbox-content"&gt;
								&lt;h3&gt;Servicio Evangelistico&lt;/h3&gt;
								&lt;p&gt;Domingos 1:00 p.m.&lt;/p&gt;
							&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
SSemicolon WebSTAFFOct 19, 2020

Hello,

Simply add the .fbox-center Class to the .feature-box Element. You can check more examples of Featured Boxes here: http://themes.semicolonweb.com/html/canvas/featured-boxes.html .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard