Support Center

Full Screen Background Image

Last Updated: Jan 19, 2012 07:54PM GMT
Antler allows you to Set a Full Screen Background Image.

For this tutorial it is required to have a Image URL you want to use as the background ready. 

A Full Screen Background image is one that Spans the complete Width and Height of the Browsers menu.
This is a great opportunity to show your favorite work as big as you can on your Home Page to attract the viewers attention instantly.

Best Image Size: For a Full Screen Background, Images smaller than width 1680 pixels (width) x 1080 pixels (height) are not recommended because they will look blotchy on new higher resolution monitors.

There are two ways to create a Full Screen Background.
You only have to use one. 

First Method: Using the Antler Buttons

Login in to your WordPress Admin.
On the Left Hand Menu go to Pages ▷ Add New

Click
on the Black Full Screen Background Antler Button.


Full Screen Background Page



Antler will now ask you for a Full Screen Image URL.
Enter a URL
to an Image of your choice. This image can be hosted anywhere, even in your own Gallery

Click on OK.


Full Screen Image Prompt



Your Full Screen Image URL will show up in your Page Contents, wrapped in special Antler [background] brackets. 

Click on Publish
to Save this Page.





You have now set a Page with a Full Screen Background Image. 



Antler Full Screen Background Page





The second method is slightly less straight forward yet it doesn't require you to add anything specific to your page contents.

Second Method: Using Custom Fields

Login in to your WordPress Admin.
On the Left Hand Menu go to Pages ▷ Add New

Click on Screen Options at the Top Right corner.


Full Screen Background Screen Options


Make sure Custom Fields is Ticked





A Panel named Custom Fields will show up.
Enter the word 'background' under Name and The URL of Your Full Screen Background Image under Value.

Notice: Both 'background' is in lower case. 

Click on Add Custom Field


Custom Field Background



The Custom Field Entry box will flash Yellow to confirm the new Custom Field addition.


Background Confirm


Now go back to the top right of the page and click on Publish to save your changes.





You have now set a Page with a Full Screen Background Image. 


Antler Full Screen Background Page



This concludes the Full Screen Background Image tutorial. 

Follow our Tweets

[email protected]
http://assets2.desk.com/rb2b8f5170ff217b032a9b617ec967c37cd75a1c5/javascripts/
true
shuttermade
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
Invalid characters found
/customer/portal/articles/autocomplete