Freeola Guides


Editing the Main Content Area

By Freeola Support on 11th December, 2017 | 0 Comment(s)

Important: When you first open the InstantPro Website Builder you will arrive at the Site Overview screen and you will need to click on Edit Theme Design under the Themes & Styling heading, as shown below:

 

Site Overview Screen
 
Styling the Content Area

 

As you will likely be aware, the content area of your site is where your main web site content will go. That is, where your unique content will be placed. Using the web site design editor you are able to choose the Default Font, Font Style, and Font Sizefor your site, as well as a few further options too.

Main Content Area Styling

 

To begin editing the content area click the Edit Fonts, Colours & Styling button shown in the highlighted area on the image above.

 

When you begin editing the settings for the content area, you will have a number of options which you are able to define.

 

Editing Font and Colour Settings

 

Font & Font Size: You can change these by using the drop down menus. This is above the box you are shown as a working example of how your changes will impact the content on your site. Each time you make a change to the colours on this page, the example will update to show you the effect the changes will have.

 

Font can be changed using the drop down menu and is Arial by default, but you are able to make your choice as required.

Font Size can be changed using the dropdown from the default of 5 (10pt) text. Any changes you make here will be reflected in the example text above.

Colours: You are next able to define the Colours used for text on your site.

Font Colour allows you to choose the colour in which text will be presented on your web site.

Link Colour allows you to define the colour in which Hyperlinks appear on your pages.

Link Hover Colour can be defined so that when links on your pages are hovered over by the mouse cursor, the link will change colour, which in some cases makes the link clearer to the site user.

You will have likely noticed that links on the tutorial pages change colour when you hover over them. This is achieved by using this kind of feature.

Background Colour which will define the default background colour of your site's Main Content Area.

Element Colour. This will set the default colour for elements such as Borders or Horizontal Rules which you might add to your pages.

 

You can continue to experiment with different colour settings until you find those that are right for your web site.

 

Once you have defined the settings you require, click Continue to return to the design editor to see how your changes have altered the appearance of your page. You can see that the main content area now matches the working example from the previous step:

 

Example Content Area

 

If you wish to change these options, just click the Edit button as described in the first part of this section and you will be able to edit your existing settings.


Did you find this article helpful?

Yes | No


Article Comments (0)
There are currently no comments on this article.
Add your comment:

Comments are limited to 750 characters, you have 750 remaining.

Freeola & GetDotted are rated

Check out some of our customer testimonials below:

Efficient and Helpful!
Just a note to state that Freeola's support staff have been extremely effecient, helpful, and friendly. I was truly satisfied with the service and attention I received. ...

View More Testimonials

I've been with Freeola for 14 years...
I've been with Freeola for 14 years now, and in that time you have proven time and time again to be a top-ranking internet service provider and unbeatable hosting service. ...
Anthony

View More Testimonials

Need some help? Give us a call on 01376 55 60 60

Go to Support Centre
Tell us what you think!

Live Chat is offline

Live Chat is available:
9am to 6:30pm Monday to Friday (excluding bank holidays).

01376 55 60 60

Send us a ticket.

It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as Google Chrome, Mozilla Firefox, or Opera will provide a better, safer browsing experience for you.