Change the Font Size of Site Description or Navigation Menu

Step 1: Open your page inspector (example):

Page Info - Page Inspector

Step 2: Open the Header Section (example) and select CSS:

Page Info - Header

Step 3: Enter the following:

1
2
3
4
5
6
#menu li a {
     font-size: 18px;
}
.ltswrap h2 {
     font-size: 18px !important;
}

Note: #menu li a will change the font size of your navigation menu links. The other will change the font size of your Site description. You can replace 18px to meet any size of your choosing.

Static Background Image

Step 1: Add the image you wish to use with the Add Resource button.

Add Resource

Step 2: Open the Page Inspector with the Page Info button.

Page Info - Page Inspector

Step 3: Click on the Header tab.

Page Info - Header

Step 4: Add the following text to the Header-Header Section:

1
{image : '%resource(background.jpg)%'}

Cabernet 2 Static Image Header Section

*Make sure the resource name matches the name in your resources section

Cabernet 2 Resources

Preview and you are done!

Background Image Slideshow

Step 1: Add the image you wish to use with the Add Resource button.

Add Resource

Step 2: Open the Page Inspector with the Page Info button.

Page Info - Page Inspector

Step 3: Click on the Header tab.

Page Info - Header

Step 4: Add the following text to the Header-Header Section:

1
2
3
{image : '%resource(slider1.jpg)%'},
{image : '%resource(slider2.jpg)%'},
{image : '%resource(slider3.jpg)%'}

Cabernet 2 Background Image Slideshow

*Be sure to separate each image with a comma while leaving the last image with no comma after it & make sure the resource names match the names in your resources section

Cabernet 2 Resources for Background Slideshow

You may add as many photos as you wish to the slide show. Preview and you are done!

Scrollable Background Image

Step 1: Add the image you wish to use with the Add Resource button.

Add Resource

Step 2: Open the Page Inspector with the Page Info button.

Page Info - Page Inspector

Step 3: Click on the Header tab.

Page Info - Header

Step 4: Add the following text to the Header-CSS Section:

1
2
3
html {
     background-image: url(%resource(background.jpg)%);
}

Cabernet 2 Custom CSS

*Make sure the resource name matches the name in your resources section

Cabernet 2 Resources

Preview and you are done!

Social Media Icons

Step 1: Find the Social Media Icon you want you use from the Glyph Chart below:

Cabernet 2 Glyph Chart

Step 2: Type the corresponding letter or number into your desired location.

Cabernet 2 Social Media Links

Step 3: Highlight your letter or number and select the Add Link button.

Add Link or Add Link Plus Icon

Step 4: Type in the URL to your social media page & add a new Custom Attribute Named: class with the Value: social

Link Customization

*check the Open in New Window Box if you do not want visitors to leave your page when clicking on the link

Click Set Link and you are done!