GetDotted Domains

Freeola Guides

 

Customising Website Header and Logo

If you are looking to make changes to your website logo, header and menu colour or header behaviour you can easily do so from the Customise Header option within the RQS Builder.

This guide will provide details on accessing these options, and how you can use them to customise this section of your website.

Within the RQS Builder right-click anywhere in the Header, then select Customise Header from the pop-up menu.

RQS Customise Header

The Website Header window should now open providing you with several options for customisation:

Logo Type

This drop-down allows you to toggle between a Text or an Image logo.

If Text is selected a Logo Text field will appear. By default this will be populated by your Site Name, but you can edit this to other text of your choosing.

Font and Text Size will alter the appearance of your Text Logo. The preview site will update immediately with any changes you make, allowing you to preview these without delay.

RQS Text Logo Options

If Image is selected you can select your image by clicking the Logo Image place holder. This will open the Media Library from which you can select (or upload) your Site Logo.

Maximum Width will alter how wide your logo appears within the header. The height of the image will also be altered proportionally.

RQS Header Logo

Spacing will allow you to increase or decrease the height of the header using either Text or Image Logo.

Show at the top of screen when scrolling - If enabled will set your header to always appear at the top of the screen regardless of how far down the page your visitor scrolls.

Finally, the Automatically style your header using colours from your website colour scheme option will offer several options to further customise your header if un-ticked:

Logo Colour - Change the colour of your Text Logo. You can create a new colour using the on-screen sliders, the Hex Code of the colour, or from a list of your previously saved colours. (This option only available for Text Logos).

Full Width Background - This option will allow you to change the background of your header. You can either use a single colour or choose an image from your Media Library as your background. This background will cover the entire width of the Header.

Content Width Background - As above, this option will allow you to choose a single colour or image for the Logo and Navigation Menu section of your Header.

Bottom Border Colour - Changes the colour of the bottom border of your Header.

Primary Menu Colour - Changes the colour of the currently selected page within the Navigation Menu.

Website Header Advanced Customisation

Secondary Menu Colour - Changes the colour of the pages within the Navigation Menu that are not currently displayed.

More Menu Background - If you have enough pages within the top navigation menu to generate a More option, this colour picker will allow you to change the background of that overflow menu.

Once you are done, click Finish to save your changes.

RQS Finished Header


Did you find this article helpful?


Freeola & GetDotted are rated

Check out some of our customer reviews below:

Your level of service is excellent...
I have been a very satisfied customer for several years now.
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. Thank you.
Anthony

View More Reviews

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

Go to Support Centre
Feedback

Live Chat is offline

Live Chat is available:
9:30am to 5: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, Edge, or Opera will provide a better, safer browsing experience for you.