Docs

[amarleau]

Hello,

I am using the integrity theme on my website- amandamarleau.com
I was hoping to make the top look very much like the top layout of http://drkkolmes.com/

I’m hoping someone can help me do this. The only thing that I have been able to do is make a picture like what I want and then load it onto the website as an image but that will make it much more difficult to change later. Any help would be much appreciated.

Thanks so much!
Amanda

[Rue Nel]

Hey Amanda,

Thanks for writing in! Where do you want to add a business card layout, right below your navbar? Or right below the logo? What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After the child theme is set up, please add the following code in your child theme’s functions.php file

// Custom business card
function custom_business_card(){ ?>

<div id="business-card" class="x-section" style="margin: 0px;padding: 45px 0px; background-color: transparent;">
	<div class="x-container max width" style="margin: 0px auto;padding: 30px;border-radius: 5px;box-shadow: 0 1px 4px rgba(0,0,0,0.25); background-color:hsl(0, 0%, 100%);">
		<div class="x-column x-sm x-1-2" style="padding: 0px;">
			<h3 class="h-custom-headline mtn h3"><span>Amanda Marleau</span></h3>
			<div class="x-text">
				<p>MSc in Marital and Family Therapy<br>
				Registered Psychologist</p>
			</div>
			<div class="x-text">
				<p>#602 10216-124 Street<br>
				Edmonton, AB T5N 4A3</p>
				<p>780-328-0505</p>
			</div>
		</div>
		<div class="x-column x-sm cs-ta-center x-1-2" style="padding: 0px;">
			<img class="x-img man x-img-none" style="max-height: 280px;" src="http://amandamarleau.com/wp-content/uploads/2015/10/Optimized-P9290485.jpg">
		</div>
	</div>
</div>

<?php }
add_action('x_before_view_global__navbar', 'custom_business_card');

And if you want to have this only and within your page content, you can use this block template attached for you to import in Cornerstone.

http://prntscr.com/cd61m4

Hope this helps.

[Author]

Posts