philipgledhill’s gists

philipgledhill / Mai Pro: Simple 3 column layout

Created November 24, 2018 07:44

	[columns]
	[col]
	<em>"These columns are a great place to put your testimonials"</em>
	<strong>- Fred</strong>
	[/col]
	[col]
	<em>"I agree! They're clean, tidy, and easy to use."</em>
	<strong>- Bill</strong>
	[/col]
	[col]

philipgledhill / Mai Pro: Jump Link and Button

Created November 24, 2018 07:15

	<a class="button white scroll-to" href="#section2">Scroll Down</a>

	REMEMBER! You must also type the div id (I used "section2") in the Settings Tab: Advanced Settings > HTML id

philipgledhill / Mai Pro: Blog posts in slider

Created November 24, 2018 06:55

[grid content="post" categories="34" number="6" show="image, title, content, more_link" content_limit="25" slider="true" center_mode="true" dots="true"]

philipgledhill / Mai Pro: Post title below featured image

Created November 24, 2018 06:48

[grid content="post" categories="34" number="6" xs="12" sm="6" md="4" show="image, title" class="text-xs-center top-xs-xxl"]

philipgledhill / Mai Pro: Grid blog style listing

Last active November 24, 2018 06:44

[grid content="post" categories="34" number="6" align="center" show="image, title, content, more_link" more_link_text="Read More" content_limit="20" image_size="one_third" image_align="center" boxed="false" entry_class="bottom-xs-xxl"]

philipgledhill / Mai Pro: Post Title Displayed On Top Of Featured Image

Created November 24, 2018 06:15

[grid content="post" categories="34" number="6" xs="12" sm="6" md="4" show="image, title" image_location="bg" overlay="gradient" align_text="center, bottom" class="top-xs-xxl"]

philipgledhill / hello-pro-portfolio-shortcode.html

Created January 23, 2018 13:29

Shortcode for Hello Pro 2 Portfolio section

[display-posts post_type="portfolio" posts_per_page="6" image_size="full" order="ASC"]

philipgledhill / hello-pro-homepage-widget-area-text-and-code.html

Created January 16, 2018 08:47

Hello Pro HTML and text for homepage widget areas


	The Home – Welcome widget area
	Place the code below inside a custom HTML widget...

	<div class="text-left">

	<h2><strong>Welcome</strong> to my Virtual Office.</h2>

	<p>Memorable, distinct and unique -- that's what YOU are.</p>

philipgledhill / Large-left-aligned-icons-above-h3-bold-headlines.html

Created September 8, 2017 10:05

Large left aligned icons above h3 bold-headlines

	<h2 style="text-align: center;"><strong>Icons above the headline</strong></h2>
	[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]<i class="fa fa-envelope-o fa-3x" aria-hidden="true"><!-- comment --></i>
	<h3><strong>Headline goes here</strong></h3>
	This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.
	[/lgc_column]
	[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]<i class="fa fa-arrows-h fa-3x" aria-hidden="true"><!-- comment --></i>
	<h3><strong>Headline goes here</strong></h3>
	This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.
	[/lgc_column]
	[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="true"]<i class="fa fa-cogs fa-3x" aria-hidden="true"><!-- comment --></i>

philipgledhill / Large-icons-centered-above-headlines.html

Created September 8, 2017 10:03

3x Large icons centered above headlines

	<h2 style="text-align: center;">These icons are centered above centered headlines and paragraphs</h2>
	<p style="text-align: center;">This is a h2 headline</p>
	[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]
	<p style="text-align: center;"><i class="fa fa-envelope-open-o fa-3x" aria-hidden="true"><!-- comment --></i></p>

	<h3 style="text-align: center;">This is a headline</h3>
	<p style="text-align: center;">This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.</p>
	[/lgc_column]

	[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]

Philip Gledhill philipgledhill