WordPress
Training & Support at Georgia Southern

Graphics

The graphics that are shown on this page work across all themes. Theme-specific graphics pages are coming soon.

Social Media Icons

To use one of the social media icons below, use the code shown below the icon. Be sure to replace the URL to your specific page you want it to link to.

You will need to create a Custom HTML block and copy the code shown below the social media icon you want on your page into that block.

Facebook

<a class="facebook text-hide" title="Facebook" href="URL" target="_blank" rel="noopener noreferrer">Facebook</a>

Instagram

Instagram
<a class="instagram text-hide" title="Instagram" href="URL" target="_blank" rel="noopener noreferrer">Instagram</a>

Snapchat

Snapchat
<a class="snapchat text-hide" title="Snapchat" href="URL" target="_blank" rel="noopener noreferrer">Snapchat</a>

LinkedIn

LinkedIn
<a class="linkedin text-hide" title="LinkedIn" href="URL" target="_blank" rel="noopener noreferrer">LinkedIn</a>

Twitter

<a class="twitter text-hide" title="Twitter" href="URL" target="_blank" rel="noopener noreferrer">Twitter</a>

YouTube

YouTube
<a class="youtube text-hide" title="YouTube" href="URL" target="_blank" rel="noopener noreferrer">YouTube</a>

Flickr

Flickr
<a class="flickr text-hide" title="Flickr" href="URL" target="_blank" rel="noopener noreferrer">Flickr</a>

Custom HTML Buttons

See the different button styles available below. You will need to create a Custom HTML block to utilize the code below the buttons.

If you’re not sure how to edit HTML in the Custom HTML block, use a Button Block instead. See the Gutenberg blocks explanation page for further instruction.


Only works on Department theme:

Button Text

<a href="LINK URL GOES HERE" class="fp_readmore">Button text</a>


Works site-wide:

Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; font-weight: bold; letter-spacing: 0.0625em; background: #041e42; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>

Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; font-weight: bold; letter-spacing: 0.0625em; background: #a99260; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>


Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; border-radius: 10px; font-weight: bold; letter-spacing: 0.0625em; background: #041e42; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>

Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; border-radius: 10px; font-weight: bold; letter-spacing: 0.0625em; background: #a99260; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>


Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; border-radius: 23px; font-weight: bold; letter-spacing: 0.0625em; background: #041e42; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>

Button Text

<a style="display: inline-block; padding: 12px 24px; border: 0; border-radius: 23px; font-weight: bold; letter-spacing: 0.0625em; background: #a99260; color: #fff; text-decoration: none;" href="LINK URL GOES HERE">Button Text</a>

Last updated: 6/6/2019

WordPress Training & Support • Georgia Southern University

Contact your Content Owner for further support

Policies and Procedures