Photon: Recreating the Demo - Copyright Section

Your Guide to Recreating Elements of the Photon Demo for WordPress

details download demo support

Introduction

1

Logo / Image (Particle)

2

Newsletter (Particle)

3

Copyright (Particle)

4

Custom HTML (Particle)

The Copyright section includes four particles: Logo / Image, Newsletter, Copyright, and a Custom HTML particle assigned to the copyright-a widget position.

Here is a breakdown of the widget(s) and particle(s) that appear in this section:

Logo / Image (particle)
Newsletter (particle)
Copyright (particle)
Custom HTML (particle)

Section Settings

Option	Setting
Layout	Fullwidth (Boxed Content)
CSS Classes	`g-mobile-center-compact`
Tag Attributes	Blank

Logo Image (Particle)

Particle Settings

Demo Copyright

Option	Setting
Particle Name	`Logo / Image`
URL	Blank
Image	Blank
Text	`Photon`
CSS Classes	`g-footer-logo`

Block Settings

Demo Copyright

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`60%`

Copyright (Particle)

Particle Settings

Demo Copyright

Option	Setting
Particle Name	`Newsletter`
CSS Classes	Blank
Width	Full Width
Layout	Square
Style	Blank
Title	Blank
Heading Text	Blank
Side Text	`Newsletter`
InputBox Text	Blank
Button Icon	`fa fa-send`
Button Text	`Join`
Feedburner URI	Blank
Button Classes	Blank

Block Settings

Demo Copyright

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`40%`

Copyright (Particle)

Particle Settings

Demo Copyright

Option	Setting
Particle Name	`Copyright`
Start Year	`2007`
End Year	`now`
Copyright Owner	`RocketTheme LLC`

Block Settings

Demo Copyright

Option	Setting
CSS ID	Blank
CSS Classes	`g-copyright`
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`48%`

Custom HTML (Particle)

Particle Settings

Demo Widget

Option	Setting
Particle Name	`Custom HTML`
Process Twig	Unchecked
Process Shortcodes	Unchecked

Custom HTML

<div class="g-grid g-sample-sitemap">
<div class="g-block">
<ul class="nomarginall g-bottom-menu align-right">
<li><a href="/index.php">Home</a> </li>
<li><a href="#"><i class="fa fa-circle"></i> About</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Terms</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Legal</a></li>
<li><a href="#"><i class="fa fa-circle"></i> Disclaimer</a></li>
</ul>
</div>
</div>

Block Settings

Demo Widget

Option	Setting
CSS ID	Blank
CSS Classes	`nomarginleft` `nopaddingleft`
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`52%`

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.