Graphics and Page Elements

Apply Button

All apply buttons should follow the format below, linking to either the undergraduate apply page or the graduate apply page where applicable.

Copy and paste the following code into the code editor view of your page to utilize the correct button style.

1. To find the code editor, open the page you want to edit navigate to the three dots in the top right underneath the user icon → Editor → Code Editor.
2. Copy the code below.
3. Paste the code at the top of the page before the existing code.
4. Switch back to the Visual Editor and move the button as you normally would.

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"gold","textColor":"navy","style":{"border":{"radius":"0px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-navy-color has-gold-background-color has-text-color has-background wp-element-button" href="https://admissions.georgiasouthern.edu/apply/" style="border-radius:0px">Apply Now ></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"gold","textColor":"navy","style":{"border":{"radius":"0px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-navy-color has-gold-background-color has-text-color has-background wp-element-button" href="https://cogs.georgiasouthern.edu/admission/applynow/" style="border-radius:0px">Apply Now ></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

University Communications and Marketing Campaign Graphics

View a collection of our past and current campaigns below. Each listing includes the specific campaign graphic and its accompanying implementation instructions. This will enable you to seamlessly integrate these assets into your assigned web areas, enhancing the university’s online presence and communication strategy.

Should you need any further assistance, please submit a MyHelp ticket.

• Be Informed! Callout
• Save Money March Callout
• Summer 2023 Callout
• Test Scores Optional Callout

Social Media Icons

For social media icons on your site, we recommend using the “Social Icons” block in the Gutenberg editor.

To create a listing of your social media icons, add the Social Icons block by clicking the plus icon in the top left of the editor and select the Social Icons block.

• WordPress Social Icon

This will add in a WordPress icon by default.

To add a new icon to the list, click the + icon to the right of the WordPress icon or when you have the WordPress icon selected, click one of the social icons that appear next to it.

To add the icon, insert a URL to your social media account in the pop up window. To remove an icon, remove the URL from the icon.

When you are done adding the icons, you should have something that looks like the following block on your page.

• Georgia Southern Facebook
• Georgia Southern Twitter
• Georgia Southern Instagram

To center align your icons, select the Social Icons wrapper and click the Align Center icon. The easiest way to select the wrapper of the icons is to select one of the icons and click on Social Icons at the very bottom of your page.

• Georgia Southern Facebook
• Georgia Southern Twitter
• Georgia Southern Instagram

Need HTML Instead?

For certain use cases the HTML code for the social icons will be necessary such as in your footer or sidebar widget areas.

To use one of the HTML 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 href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/facebook.png" alt="facebook"></a>

Instagram

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/instagram.png" alt="instagram"></a>

TikTok

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/tiktok.png" alt="tiktok"></a>

Snapchat

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/snapchat.png" alt="snapchat"></a>

LinkedIn

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/linkedin.png" alt="linkedin"></a>

Twitter

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/twitter.png" alt="twitter"></a>

YouTube

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/youtube.png" alt="youtube"></a>

Flickr

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/flickr.png" alt="flickr"></a>

Pinterest

<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/pinterest.png" alt="pinterest"></a>

Last updated: 4/20/2022