Change look & feel of your website

joomla support cheshire manchester merseyside north west uk

WYNCHCO website designs not only respond to the needs of your website's visitors.

They also respond to your needs as website owner!

Why choose one of our WYNCHCO website designs?

TWO BIG REASONS:

  • We aim to put YOU in control of your website.
  • We aim to unleash your creative side!

Why choose a WYNCHCO website design?

WYNCHCO website designs enable you to change your website's appearance whenever you like.

You can change the Look & Feel of your website with just a few simple clicks.

Responsive mobile friendly website design by WYNCHCO Solutions

Control at your fingertips!

Every WYNCHCO website design is comprised of four LAYERS:

  • BACKGROUND,
  • CONTAINER,
  • FOREGROUND, and
  • MAIN BODY.

layers

LAYERS

Each LAYER comes with its own STYLE SET.

These STYLE SETS enable you to change the Look & Feel of your website LAYER by LAYER.

BACKGROUND

BACKGROUND refers to the layer of display which sits behind the CONTAINER when your website is viewed in a browser window.

example background

BACKGROUND Style Set

Change the following features with just a few simple clicks.

Choose to display either a BACKGROUND COLOUR, a BACKGROUND, or both!

Background Colour

The BACKGROUND COLOUR is by default white in a WYNCHCO website design.

But you can change this.

Background Image

No BACKGROUND IMAGE is displayed by default in a WYNCHCO website design.

But you can change this.

When you do you can control when the IMAGE is visible.

For example:

  • only on PCs,
  • only on Tablets (landscape view) & PCs,
  • only on Tablets & PCs, or
  • across ALL devices, including Phones.

Choose what kind of BACKGROUND is displayed:

  • colour,
  • gradient,
  • repeating pattern, or
  • large image.

Background Padding

Top Padding: increase padding at top of screen.

Side Padding: adjust padding to the left and right of screen when FLUID display format is used.

Read more: How to change Background features.

CONTAINER

The CONTAINER is the LAYER of display which sits in front of the BACKGROUND in a WYNCHCO website design.

example container

CONTAINER Style Set

Change the following features with just a few simple clicks.

Text Size

Change the size of TEXT across your website.

Letter Spacing

Increase or decrease the space between letters.

This is a useful feature when you choose to change the FONT used in your website.

Top Padding

Change the amount of space above the CONTAINER.

Corners

Choose to display either SQUARE or ROUND corners.

Read more: How to change Container features.

FOREGROUND

The FOREGROUND is the LAYER of display which sits in front of the CONTAINER in a WYNCHCO website design.

example foreground

FOREGROUND Style Set

Change the following features with just a few simple clicks.

Header

HEADER includes Site Banner, Calls to Action and Navbar.

Change the HEADER background colour.

And adjust HEADER width.

Bottom Padding

Adjust right padding of BOXES and other Modules published in BOTTOM positions to maintain vertical alignment of website content.

Read more: How to change Foreground features.

MAIN BODY

The MAIN BODY is the LAYER of display which sits in front of the FOREGROUND in a WYNCHCO website design.

example mainbody

It is where all ARTICLES are displayed, as well as BOXES when published in the ABOVE and the BELOW positions.

On PCs & Tablets (landscape) it sits between the LEFT and the RIGHT positions.

On Phones & tablets (portrait) it sits between the PORTRAIT-TOP and the BOTTOM  positions.

MAIN BODY Style Set

Change the following features with just a few simple clicks.

PADDING

Increase padding to create a more open feel.

Useful when you choose to display a dark screen BACKGROUND.

Read more: How to change Main Body features.

STYLE SETS

Every WYNCHCO website design includes a wide range of STYLE SETS.

These enable you to change the Look & Feel of your website with just a few simple clicks.

BOXES

BOX refers to a MODULE which has been assigned a BOX STYLE SET.

BOXES can be displayed in any position.

example boxes

BOX STYLE SETS include:

  • OPENBOX,
  • BORDEREDBOX,
  • PILLBOX,
  • SOLIDBOX, and
  • WIDEBOX.

The image below illustrates the breadth of available STYLE SETS.

The styles will not be applied to any Module not assigned a Box Style Set.

modules

Change the Look & Feel

Change the look & feel of BOXES with just a few simple clicks.

For example,

  • Text colour,
  • Background colour,
  • Border colour,
  • Border width,
  • Corner rounding, and
  • Module padding.

Read more: How to change Look & Feel of BOXES.

CONTROL what visitors see by DEVICE

control display by device and screen size

WYNCHCO website designs incorporate STYLE SETS which enable you to control how content is displayed 'on the fly'.

STYLE SETS determine which MODULES and BOXES are displayed depending upon the DEVICE used to view your website.

Such STYLE SETS enable you to vary:

  • LAYOUT, and
  • CONTENT

in response to the DEVICE being used.

For example, you may display a fast loading SIMPLIFIED version of your website on Phones & Tablets.

And the FULL version on PCs.

Result

  • Faster page load speeds on small screen devices.
  • Improved performance in search engines.
  • Improved visitor experience.

Read more: Control what visitors see by Device.

Control what visitors see by SCREEN SIZE

control display by device and screen size

WYNCHCO website designs incorporate STYLE SETS which enable you to control how content is displayed 'on the fly'.

STYLE SETS determine which MODULES and BOXES are displayed depending upon the SCREEN SIZE used to view your website.

Such STYLE SETS enable you to vary:

  • LAYOUT, and
  • CONTENT

in response to the SCREEN SIZE being used.

For example, you may display a fast loading SIMPLIFIED version of your website on SMALL SCREENS.

And the FULL version on LARGE SCREENS.

Result

  • Faster page load speeds on small screen devices.
  • Improved performance in search engines.
  • Improved visitor experience.

Read more: Control what visitors see by Screen Size.

FONT FAMILIES & ICONS

FONT FAMILY Style Sets enable you to change the FONT FAMILY used by different elements of a WYNCHCO website design.

Font Family

The default FONT FAMILY in a WYNCHCO website design is:

  • Helmet,Freesans,Helvetica,Arial,sans-serif; 

but you can easily change this for any one of the following elements:

  • paragraph text,
  • heading text,
  • menu links,
  • NAVBAR menu links, and
  • the Site Title.

Being able to change the SITE TITLE FONT is especially useful if you choose to display a SITE TITLE rather than a SITE BANNER.

Read more: How to change Font Families

Font Awesome Icons

FONT AWESOME ICON Style Sets enable you to insert some neat little icons in your website.

What is Font Awesome?

It is a font and icon toolkit which provides more than 600 vector icons, like the one shown below.

These are free to use within your website, even if its purpose is commercial.

Browse the 600+ vector icons made available for you to use in the Font Awesome Icon Cheatsheet.

Browse: Font Awesome Cheatsheet.

 

Example Font Awesome Icon

 

Read more: How to display Font Awesome Icons.

IMAGES

6 joomla coach trainer support north west uk

In a WYNCHCO website design the corners of IMAGES are round by default.

But they don't have to be.

Choose between SQUARE and ROUNDED corners with just one click.

You can also choose the degree of rounding.

Read more: How to change Images.

LAYOUT

The LAYOUT Style Set enables you to change the following features with just a few simple clicks:

  • DISPLAY FORMAT,
  • DISPLAY WIDTH and
  • SIDEBAR WIDTH.

example layout

Display Format

Choose between STATIC and FLUID display formats.

  • STATIC: fixed width display.
  • FLUID: full width display on all screen sizes.

Display Width

Choose between two fixed width display formats:

  • 940 PX (default), or
  • 1140 PX

when you choose STATIC display format.

Sidebar Width

Choose the width of SIDEBAR to be displayed:

  • NARROW,
  • WIDE or
  • VERY WIDE.

Read more: How to change Layout.

It's easy to change Look & Feel

Here's how easy it is to change the Look & Feel of a WYNCHCO website design with just a few simple clicks.

Simply sign into your website's control panel and follow the steps below.

Open the Templates > Styles screen

Select Extensions > Templates > Styles from the menu at the top of your website's control panel.

templates styles

Select the WYNCHCO template

Select the WYNCHCO template being used by your website to change its STYLE settings.

template manager select template

Select a STYLE Tab

Select each STYLE tab in turn to review its individual STYLE SETTINGS.

Example: LAYOUT.

styles tabs layout

Simply toggle the buttons to change STYLE Settings Tab

The changes you make to STYLE SETTINGS will immediately change the Look & Feel of your website.

That's it!

Example: LAYOUT.

template manager style tab

ENHANCED STYLE SETS

Even more control at your fingertips!

If you want even more control over Look & Feel, ask about our ENHANCED STYLE SETS.

ENHANCED STYLE SETS are designed to help you exert more LAYER by LAYER control over your website's Look & Feel.

For example, change the OPACITY LEVEL of any one layer to reveal more or less of an underlying layer.

Read more: Enhanced Style Sets.

Work smarter NOT harder!

joomla support cheshire manchester merseyside north west uk

We coach, help and support managers of businesses and organisations across Cheshire, Manchester, Merseyside, North West England and the UK.

Learn how to use your Joomla! website more effectively.

Share This

Follow Us