Canvas Support

Helper Classes - Center not working

1 reply·opened Jul 4, 2018
T
tcaliendo325Jul 4, 2018

Im trying to center this group of icons but no matter what I do this class and the center class don't seem to be working. I attached the file as well.

<section id="content">
			<div class="content-wrap">
				<div class="container divcenter clearfix">

					<a href="#" class="social-icon si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

					<a href="#" class="social-icon si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

					<a href="#" class="social-icon si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

					<a href="#" class="social-icon si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

					<a href="#" class="social-icon si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

				</div>
			</div>
		</section>
S
SemiColonWebSTAFFJul 4, 2018

Hello,

For the .divcenter Class to work properly, you will need to define a specific width for the Container. Try the following code instead: 

<div class="container center clearfix">

	<a href="#" class="social-icon inline-block si-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>

	<a href="#" class="social-icon inline-block si-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>

	<a href="#" class="social-icon inline-block si-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>

	<a href="#" class="social-icon inline-block si-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>

	<a href="#" class="social-icon inline-block si-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>

</div>

This will definitely work fine. 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